@charset "utf-8";
/* control style */

.control{ margin:12px 0 12px 24px; width:1232px; height:659px; background: url(../images/control/bg.png);}

.control_content{width:968px; height:659px; position:relative;}


.control_header{ height:65px; border-bottom:1px solid #fff; background:#f5f6fa; border-top-right-radius:5px;}
.control_header h2{ float:left; width:200px; margin:22px 0 0 20px;}
.control_header .selectmain{ display:inline-block; width:460px; height:65px; background:#7a899d; padding-left:30px;float: left;}
.control_header .selectmain li{ display:inline-block;margin-right:30px; font-size:18px;}
.control_header .selectmain li a{ display:inline-block; height:66px; line-height:66px; color:#fff; padding-left:30px;}

.control_header .selectmain li a.ico1{ background: url(../images/control/icon_select_all.png) no-repeat left center;}
.control_header .selectmain li.curr a.ico1{ background:url(../images/control/icon_select_all_selected.png) no-repeat left center;color:#1f72cc;}

.control_header .selectmain li a.ico2{ background: url(../images/control/icon_setting.png) no-repeat left center;}
.control_header .selectmain li.curr a.ico2{ background: url(../images/control/icon_setting_selected.png) no-repeat left center;color:#1f72cc;}

.control_header .selectmain li a.ico3{ background: url(../images/control/icon_cancel.png) no-repeat left center;}
.control_header .selectmain li.curr a.ico3{ background: url(../images/control/icon_cancel_selected.png) no-repeat left center;color:#1f72cc;}

.cheader_menu{ width:200px; padding:18px 0 0 0;}
.cheader_menu ul li{ display:inline-block;float:right;position:relative; margin-right:30px;}
.cheader_menu ul li a{ display:inline-block;height:32px;}
.cheader_menu ul li a.ico01{ background:url(../images/control/icon_mode_normal.png) no-repeat; width:34px; margin-top:3px;}
.cheader_menu ul li.curr a.ico01{ background:url(../images/control/icon_mode_selected.png) no-repeat;}

.cheader_menu ul li a.ico02{ background: url(../images/control/icon_name_normal.png) no-repeat; width:32px;}
.cheader_menu ul li.curr a.ico02{ background: url(../images/control/icon_name_selected.png) no-repeat;}

/*下拉菜单*/
.dropmenu{ border:1px solid #1f72cc; width:158px; position:absolute; z-index:9;top:55px;right:-15px; background:#fff; border-radius:5px;}

.dropmenu dl dd{width: 100%; height:43px; background:url(../images/control/line.png) no-repeat bottom; line-height:43px;}
.dropmenu dl dd a{ display:block; text-align:center; font-size:18px; color:#666; width:100%;}
.dropmenu dl dd a:hover{ color:#1f72cc;}

.dropmenu dl dd a:hover,
.dropmenu dl dd:last-child{ background:none;}


.dropmenupicker::before {
    left: 72px;
    top: -7px;
}
[class*="dropmenupicker"]::before {
    border-bottom: 7px solid #1f72cc; /*rgba(0, 0, 0, 0.2)*/
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    content: "";
    display: inline-block;
    position: absolute;
	z-index:99;
}

.dropmenupicker::after {
    left: 73px;
    top: -6px;
}
[class*="dropmenupicker"]::after {
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: "";
    display: inline-block;
    position: absolute;
}

/*==============================*/

/*状态面板 control_main*/
.control_main,
.control_table,
.control_map{ width:968px;height:593px;}

.control_main{ box-sizing:border-box; padding-top:15px; padding-left:10px; overflow:auto;position: relative}

.control_normal{ float:left; margin:6px 10px 0 10px; width:138px; height:180px; position:relative;cursor:pointer;}

.c_main_normal{ width:138px; height:160px; border-radius:5px; box-shadow:0 0 7px rgba(0, 0, 0, 0.3) inset;}
.c_main_normal div{ position:absolute; top:-5px; right:-5px; z-index:5;}
.c_main_normal h2{ position: absolute; top:0; left:0; width:138px; height:30px; border-top-left-radius:3px;border-top-right-radius:3px;}

.c_main_normal h2.header_ico ul li{ float:left; width:20px; height:20px; margin:5px;}


.ico_fauilt{ background:url(../images/control/icon_fauilt_normal.png) no-repeat center;}
.ico_time{ background:url(../images/control/icon_timing_normal.png) no-repeat center;}
.ico_lock{ background:url(../images/control/icon_lock_normal.png) no-repeat center;}
.ico_swing{ background:url(../images/control/icon_swing_normal.png) no-repeat center;}

.ico_fauilt_open{ background: url(../images/control/icon_fauilt_error.png) no-repeat center;}
.ico_time_open{ background:url(../images/control/icon_timing_error.png) no-repeat center;}
.ico_lock_open{ background:url(../images/control/icon_lock_error.png) no-repeat center;}
.ico_swing_open{ background:url(../images/control/icon_swing_error.png) no-repeat center;}

.c_main_normal p{position:absolute;display:block; width:118px;left:10px;}
.c_main_normal p.locat_up{top:40px;}

.c_main_normal p.locat_du{ top:65px;font-size:46px; color:#666; text-align:center; position:absolute;}
.c_main_normal p.locat_du >b{ font-weight:normal; font-size:22px;}
/*.c_main_normal p.locat_du >span{ position:absolute; top:0; right:15px;}*/

.c_main_normal p.locat_down{ bottom:30px;}

.c_main_normal p.locat_up >i,
.c_main_normal p.locat_up span,
.c_main_normal p.locat_up span >b,
.c_main_normal p.locat_down >b,
.c_main_normal p.locat_down span,
.c_main_normal p.locat_down span >i{ display:inline-block; font-weight:normal;}

.c_main_normal p.locat_down >b{ margin:0 auto; text-align:center; width:100%;}
.c_main_normal p.locat_up >i{ width:24px; height:24px;}
.c_main_normal p.locat_up span >b{ width:20px; height:20px; float:left; margin-right:3px;}

.c_main_normal p.locat_down span >i{ font-size:14px; float:left; margin:4px 5px 0 0;}


/*小设备图标*/
.ico_cass_cass{ background: url(../images/control/model/Control_right_icon_CASS.png) no-repeat center;}
.ico_cass_scass{ background: url(../images/control/model/Control_right_icon_SCASS.png) no-repeat center;}
.ico_erv{ background: url(../images/control/model/Control_right_icon_ERV.png) no-repeat center;}
.ico_flrc{ background: url(../images/control/model/Control_right_icon_FLRC.png) no-repeat center;}
.ico_hwall{ background: url(../images/control/model/Control_right_icon_HWALL.png) no-repeat center;}
.ico_duct{ background: url(../images/control/model/Control_right_icon_DUCT.png) no-repeat center;}
.ico_hduct{ background: url(../images/control/model/Control_right_icon_HDUCT.png) no-repeat center;}
.ico_ucf{ background: url(../images/control/model/Control_right_icon_UCF.png) no-repeat center;}
.ico_vert{ background: url(../images/control/model/Control_right_icon_VERT.png) no-repeat center;}
.ico_control{background: url(../images/control/model/Control_right_icon_Group.png) no-repeat center;}
.ico_hphr{background: url(../images/control/model/Control_right_icon_HPHR.png) no-repeat center;}
.ico_shp{background: url(../images/control/model/Control_right_icon_SHP.png) no-repeat center;}
.ico_clivet{background: url(../images/control/model/Control_right_icon_Clivet.png) no-repeat center;}
/*设备状态小图标*/
.ico_auto_x{ background:url(../images/control/icon_AUTO.png) no-repeat center;}
.ico_cool_x{ background: url(../images/control/icon_COOL.png) no-repeat center;}
.ico_dry_x{ background: url(../images/control/icon_DRY.png) no-repeat center;}
.ico_fan_x{ background: url(../images/control/icon_FAN.png) no-repeat center;}
.ico_heat_x{ background: url(../images/control/icon_HEAT.png) no-repeat center;}
.ico_off_x{ background: url(../images/control/icon_OFF.png) no-repeat center;}
.ico_off_line_x{ background: url(../images/control/OFFLINE1.png) no-repeat center;}
.ico_heatexchange_x{ background: url(../images/control/icon_heatexchange.png) no-repeat center;}
.ico_pass_x{ background: url(../images/control/icon_pass.png) no-repeat center;}
.ico_exhaustair_x{ background: url(../images/control/icon_exhaustair.png) no-repeat center;}
/*设备框颜色 */
.cube_blue h2{ background:#1f72cc;}
/*.cube_blue:hover,*/
.blue_border{ border:2px solid #1f72cc;}

.cube_lightblue h2{ background:#51c6f8;}
/*.cube_lightblue:hover,*/
.lightblue_border{ border:2px solid #51c6f8;}

.cube_pink h2{ background:#f44975;}
/*.cube_pink:hover,*/
.pink_border{ border:2px solid #f44975;}

.cube_yellow h2{ background:#f0b22c;}
/*.cube_yellow:hover,*/
.yellow_border{ border:2px solid #f0b22c;}

.cube_green h2{ background:#1fcc87;}
/*.cube_green:hover,*/
.green_border{ border:2px solid #1fcc87;}

.cube_gray h2{ background:#b1b1b1;}
/*.cube_gray:hover,*/
.gray_border{ border:2px solid #b1b1b1;}

.tw-download,
.tw-upload{ width:8px; height:12px;}
.tw-download{ background:url(../images/control/Control_low%20temperature.png) no-repeat;}
.tw-upload{ background:url(../images/control/Control_up%20temperature.png) no-repeat;}

/* 对号style */
.blue_chick{ background: #629ee0;
  background: -moz-linear-gradient(left, #629ee0 0%, #3380d2 40%, #2576ce 100%);
  background: -webkit-linear-gradient(left, #629ee0 0%, #3380d2 40%, #2576ce 100%);
  background: linear-gradient(to right, #629ee0 0%, #3380d2 40%, #2576ce 100%);}

.lightblue_chick{ background: #51c6f8;
  background: -moz-linear-gradient(left, #8ddafb 0%, #51c6f8 40%, #42b9ec 100%);
  background: -webkit-linear-gradient(left, #8ddafb 0%, #51c6f820 40%, #42b9ec 100%);
  background: linear-gradient(to right, #8ddafb 0%, #51c6f8 40%, #42b9ec 100%);}

.pink_chick{ background: #f44975;
  background: -moz-linear-gradient(left, #f37a99 0%, #f44975 40%, #ed3262 100%);
  background: -webkit-linear-gradient(left, #f37a99 0%, #f44975 40%, #ed3262 100%);
  background: linear-gradient(to right, #f37a99 0%, #f44975 40%, #ed3262 100%);}

.yellow_chick{ background: #f0b22c;
  background: -moz-linear-gradient(left, #f0c66a 0%, #f0b22c 40%, #d3950f 100%);
  background: -webkit-linear-gradient(left, #f0c66a 0%, #f0b22c 40%, #d3950f 100%);
  background: linear-gradient(to right, #f0c66a 0%, #f0b22c 40%, #d3950f 100%);}

.green_chick{ background: #1fcc87;
  background: -moz-linear-gradient(left, #63dead 0%, #1fcc87 40%, #23b078 100%);
  background: -webkit-linear-gradient(left, #63dead 0%, #1fcc87 40%, #23b078 100%);
  background: linear-gradient(to right, #63dead 0%, #1fcc87 40%, #23b078 100%);}

.gray_chick{ background: #b1b1b1;
  background: -moz-linear-gradient(left, #c9c9c9 0%, #b1b1b1 40%, #a3a3a3 100%);
  background: -webkit-linear-gradient(left, #c9c9c9 0%, #b1b1b1 40%, #a3a3a3 100%);
  background: linear-gradient(to right, #c9c9c9 0%, #b1b1b1 40%, #a3a3a3 100%);}

.blue_chick,
.lightblue_chick,
.pink_chick,
.yellow_chick,
.green_chick,
.gray_chick{
  width: 22px;
  height: 22px;
  position: relative;
  -moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  padding-top:1px;
  color:#fff; text-align:center;

}
.grey_chick{
  width: 22px;
  height: 22px;
  position: relative;
  -moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  padding-top:1px;
  color:#fff; text-align:center;
}
.grey_chick{ background: #b1b1b1;
  background: -moz-linear-gradient(left, #c9c9c9 0%, #b1b1b1 40%, #a3a3a3 100%);
  background: -webkit-linear-gradient(left, #c9c9c9 0%, #b1b1b1 40%, #a3a3a3 100%);
  background: linear-gradient(to right, #c9c9c9 0%, #b1b1b1 40%, #a3a3a3 100%);}
/* end .单选框样式 *

/*=======================================*/

.ctfooter_btn{ position:absolute; bottom:73px; left:0;width:100%; z-index:1100;}
.ctfooter_btn a{display:block;}
.ctfooter_btn .btn_up{position: absolute;left: 586px;top:-35px}

/*control_table*/
.control_table table th:nth-child(1){width:15%;}
.control_table table th:nth-child(2),
.control_table table th:nth-child(3),
.control_table table th:nth-child(5),
.control_table table th:nth-child(6),
.control_table table th:nth-child(7),
.control_table table th:nth-child(8){width:10%;}
.control_table table th:nth-child(4){width:13%;}
.control_table table th:nth-child(9){width:12%;}

/*控制页地图1 style*/

.cont_map_content{ height:510px;border-bottom:1px solid #d8d9db;}
.cont_map_content h1{ height:510px; line-height:510px; text-align:center;}

.cont_map_down{ height:83px; background:#f5f6fa; border-bottom-right-radius:7px; border-top:1px solid #fff;}

.cont_map_down ul{ padding:17px 17px 0 17px;}
.cont_map_down ul li a{ display:block; text-align:center; padding-top:8px;}

/*控制页弹出框*/
.w920{width:920px;}
.c_popup_w1232{ width:1232px; height:246px; background:#465a76; box-shadow:inset 0 0 5px rgba(255, 255, 255, 0.5); left:23px;}
.control_popup{ margin:0px;}

.control_popup h2{ font-size:24px; color:#fff; height:55px; line-height:55px; text-align:center;}
.control_popup section,
.control_popup .c_popup_list,
.control_popup .c_popup_cont{ height:287px;}

.control_popup .c_popup_list{ width:242px; overflow:auto; border-top:1px solid #3e516a;}
.control_popup .c_popup_cont{ width:678px; background:#3e516a;box-shadow:0 0 15px rgba(0, 0, 0, 0.4) inset; padding-top:15px;}

.control_popup footer{ height:58px;}
.control_popup footer a{ display:inline-table; padding-top:7px;}
.control_popup footer a:hover{ color:#fff;}

/* sidebar style */

.c-popup_sidebar,
.c-popup_sidebar .nav {background: none;}
.c-popup_sidebar .nav {padding: 0;margin-left:1px;}
.c-popup_sidebar .nav > li > a { height:42px;color: #fff;font-size:18px;text-shadow: none;}

.c-popup_sidebar > .nav > li {border-bottom: 1px solid #3e516a;}
.c-popup_sidebar > .nav > li > a {padding: 8px 20px; display: block;}
.c-popup_sidebar > .nav > li > a > span{ margin-top:3px;}

.c-popup_sidebar .nav > li > a:hover,
.c-popup_sidebar .nav > li > a:focus{background: url(../images/control/selected1_blue.png) no-repeat;  border-bottom:none; color:#51c6f8;}
.c-popup_sidebar .nav > li > a:focus {outline: 0;}

.c-popup_sidebar .nav > li.curr > a{background: url(../images/control/selected1_blue.png) no-repeat;  border-bottom:none; color:#51c6f8;}

.c-popup_sidebar .nav > li > a >i{ display: inline-block;
  margin-right: 10px;
  font-size: 18px;
  padding-top: 3px;
  float: left;
}
.c-popup_sidebar .nav > li > a > b{width:150px;
  overflow:hidden;
  display:inline-block;
  float:left;
  font-weight: normal;
  text-overflow:ellipsis;
}


.arrow{ float:right;}

/*CHROME浏览器中自定义滚动条样式*/
::-webkit-scrollbar { width: 3px; height: 3px;}
::-webkit-scrollbar-track-piece { background-color: #455976;}
::-webkit-scrollbar-thumb{height: 50px; background-color: #51c6f8; -webkit-border-radius: 3px;}

/* end sidebar style */


.btndown_site{ position:absolute; top:-35px; left:556px;}
.btndown_site a{ display:block;}

.cp_cont1,
.cp_cont2,
.cp_cont3,
.cp_cont4,
.cp_cont5,
.cp_cont6,
.cp_cont7,
.cp_cont8{height:246px;font-family:Arial, Helvetica, sans-serif,Microsoft Yahei;}/*8-21*/

.cp_cont1,
.cp_cont2,
.cp_cont3,
.cp_cont5,
.cp_cont6,
.cp_cont7,
.cp_cont8{ border-right:1px solid #3e516a;}/*8-21*/

.cp_cont1{ width:195px;}
.cp_cont2{ width:546px;}
.cp_cont3{ width:367px;}
.cp_cont4{ width:285px;}
.cp_cont5{ width:263px;}
.cp_cont6{ width:430px;}
.cp_cont7{ width:401px;}
.cp_cont8{ width:910px;}/*8-21*/

/*开关单选框样式*/
.cp_cont1 h3,.cp_cont3 h3,.cp_cont5 h3,.cp_cont8 h3{ color:#fff; font-size:22px; } /*8-21*/
.cp_cont1 h3,.cp_cont8 h3{ padding-left:20px;text-align:left; padding-top:20px;} /*8-21*/
.cp_cont3 h3,.cp_cont5 h3{ text-align:center; padding-top:30px;}


.cp_cont1 label{ box-shadow:none; border:none;margin-top:70px;left:25px;}


.button {
  display: block;
  width: 142px;
  height:60px;
  position: absolute;
  overflow: hidden;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.button span {
  display: block;
  position: absolute;
  top: 6px;
  width:65px;
  height:52px;
}
.button span:before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);

  font-size:20px;
}
.button span:after {
  content: "";
  height:52px;
  position: absolute;
  top: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(255, 255, 255, 0.5) 0%, transparent 50%);
  background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.5) 0%, transparent 50%);
  -webkit-transition: opacity 300ms ease;
          transition: opacity 300ms ease;
}
.button span:first-of-type {
  left: 6px;
  border-top-left-radius: 7px;
  border-bottom-left-radius: 7px;
		  color:#fff;


}
.button span:first-of-type:before {
  content: attr(data-cont);
  color:#fff;
  background-color: #41546e;
  background-image: -webkit-linear-gradient(top, #41546e, #3f5169); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
  background-image: linear-gradient(to bottom, #41546e, #3f5169);
  width:66px;
    height: 52px;
    line-height: 52px; text-align:center;
	border:1px solid #3e516a;
	border-top-left-radius:7px;
	border-bottom-left-radius:7px;
	box-shadow:inset 0 2px 4px rgba(255, 255, 255, 0.5);
}
.button span:first-of-type:after {
  left: -1px;
}
.button span:last-of-type {
  right: 6px;
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
}
.button span:last-of-type:before {
  content: attr(data-cont);
  color: #fff;
  box-shadow:0 2px 4px rgba(255, 255, 255, 0.5) inset;
  background-color: #4a94e4;
  background-image: -webkit-linear-gradient(top, #4a94e4, #2276cc); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
  background-image:  linear-gradient(to bottom, #4a94e4, #2276cc);
  border: 1px solid #4285cf;
  display: block; width:66px;
  height: 52px;
  line-height: 52px;
  border-top-right-radius:7px;
  border-bottom-right-radius:7px; text-align:center;
  border:1px solid #3e516a;
}
.button span:last-of-type:after {
  right: -1px;
  opacity: 0;
}
.button input[type="checkbox"] {
  display: none;
}
.button input[type="checkbox"]:checked ~ span:first-of-type {

}
.button input[type="checkbox"]:checked ~ span:first-of-type:before {
  color: #fff;
  text-shadow: 0 0 24px rgba(147, 201, 19, 0.6);
  box-shadow:0 2px 4px rgba(255, 255, 255, 0.5) inset;
  background-color: #4a94e4;
  background-image: -webkit-linear-gradient(top, #4a94e4, #2276cc); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
  background-image: linear-gradient(to bottom, #4a94e4, #2276cc);
  border:1px solid #3e516a;
  display: block; width:66px;
  height: 52px;
  line-height: 52px;
  border-top-left-radius:7px;
  border-bottom-left-radius:7px;
  text-align:center;
}


.button input[type="checkbox"]:checked ~ span:first-of-type:after {
  opacity: 0;
}
.button input[type="checkbox"]:checked ~ span:last-of-type {

}

.button input[type="checkbox"]:checked ~ span:last-of-type:before {

  border: 1px solid #3e516a;
  color:#fff;
  background-color: #41546e;
  background-image: -webkit-linear-gradient(top, #41546e, #3f5169); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
  background-image: linear-gradient(to bottom, #41546e, #3f5169);
  box-shadow:inset 0 2px 4px rgba(255, 255, 255, 0.5);
}

.button input[type="checkbox"]:checked ~ span:last-of-type:after {
  opacity: 1;
}

/*cp_cont2*/
.cp_cont2 h3,
.cp_cont2 .temperature h4{ width:100%; color:#fff; font-size:22px;}
.cp_cont2 .temperature h4{ text-align: center; clear:both;}
.cp_cont2 h3{ margin-left:20px; margin-top:20px; text-align:left;}
.cp_cont2 .temperature{ margin-top:25px; height:97px;border-bottom:1px solid #3e516a;}

.w308{ width:308px;}
.w232{ width:232px; float:left; margin:0 20px;}
.w182{ width:182px;}
.w106{ width:106px;}

.cp_cont2 .temperature dl dt{ display:inline-block; float:left; text-align:center; font-size:28px; }
.cp_cont2 .temperature dl dt a{ display:block; color:#fff; width:63px;height:63px; line-height:63px; background:#3e516a;border-radius:5px;}
.cp_cont2 .temperature dl dt a:hover{ background-color:#51c6f8;}
.cp_cont2 .temperature dl dd{display:inline-block;float:left; height:63px; background:#455a76; color:#fff; font-size:50px; text-align:center;}
.cp_cont2 .temperature dl dd sup{ font-weight:normal;vertical-align:super; font-family:Calibri; font-size:24px;}
.cp_cont2 .temperature dl dd label{ font-weight:normal;}

/*cp_cont2 .toolbar*/
.cp_cont2 .toolbar5 ul li{width:109px;}
.cp_cont2 .toolbar4 ul li{width:136px;}
.cp_cont2 .toolbar4 ul li:last-child{width:137px;}
.cp_cont2 .toolbar3 ul li{width:182px;}
.cp_cont2 .toolbar3 ul li:last-child{width:181px;}

.cp_cont2 .toolbar-ico li{float:left;border-right:1px solid #3e516a; height:80px;}
.cp_cont2 .toolbar-ico li:last-child{border-right:none;}

.cp_cont2 .toolbar-ico li a,
.cp_cont2 .toolbar-ico li a:hover{ display:block;}

.cp_cont2 .toolbar-ico li a{ color:#a9b4c4; font-size:18px; height:80px;  padding-top:40px; text-align:center;}

.cp_cont2 .toolbar-ico li.ico_auto_y a,
.cp_cont2 .toolbar-ico li.ico_cool_y a,
.cp_cont2 .toolbar-ico li.ico_heat_y a,
.cp_cont2 .toolbar-ico li.ico_dry_y a,
.cp_cont2 .toolbar-ico li.ico_fan_y a{color:#566982; cursor:default;}

.cp_cont2 .toolbar-ico li.ico_auto_y{ background: url(../images/control/icon_gray_AUTO.png) no-repeat center 8px;}
.cp_cont2 .toolbar-ico li.ico_auto{ background:url(../images/control/auto_normal.png) no-repeat center 8px;}

.cp_cont2 .toolbar-ico li.ico_auto a:hover,
.cp_cont2 .toolbar-ico li.ico_auto a.curr{background:url(../images/control/auto_selected.png) no-repeat center 8px;color:#fff;}


.cp_cont2 .toolbar-ico li.ico_cool_y{ background: url(../images/control/icon_gray_COOL.png) no-repeat center 8px;}
.cp_cont2 .toolbar-ico li.ico_cool{ background: url(../images/control/COOL_normal.png) no-repeat center 8px;}
.cp_cont2 .toolbar-ico li.ico_cool a:hover,
.cp_cont2 .toolbar-ico li.ico_cool a.curr{background:url(../images/control/COOL_selected.png) no-repeat center 8px;color:#fff;}

.cp_cont2 .toolbar-ico li.ico_heat_y{background: url(../images/control/icon_gray_HEAT.png) no-repeat center 8px;}
.cp_cont2 .toolbar-ico li.ico_heat{ background: url(../images/control/HEAT_normal.png) no-repeat center 8px;}
.cp_cont2 .toolbar-ico li.ico_heat a:hover,
.cp_cont2 .toolbar-ico li.ico_heat a.curr{background:url(../images/control/HEAT_selected.png) no-repeat center 8px;color:#fff;}

.cp_cont2 .toolbar-ico li.ico_dry_y{ background: url(../images/control/icon_gray_DRY.png) no-repeat center 8px;}
.cp_cont2 .toolbar-ico li.ico_dry{ background: url(../images/control/DRY_normal.png) no-repeat center 8px;}
.cp_cont2 .toolbar-ico li.ico_dry a:hover,
.cp_cont2 .toolbar-ico li.ico_dry a.curr{background:url(../images/control/DRY_selected.png) no-repeat center 8px;color:#fff;}

.cp_cont2 .toolbar-ico li.ico_fan_y{ background: url(../images/control/icon_gray_FAN.png) no-repeat center 8px;}
.cp_cont2 .toolbar-ico li.ico_fan{ background: url(../images/control/FAN_normal.png) no-repeat center 8px;}
.cp_cont2 .toolbar-ico li.ico_fan a:hover,
.cp_cont2 .toolbar-ico li.ico_fan a.curr{background:url(../images/control/FAN_selected.png) no-repeat center 8px;color:#fff;}

.cp_cont2 .toolbar-ico li.ico_auto a.curr,
.cp_cont2 .toolbar-ico li.ico_cool a.curr,
.cp_cont2 .toolbar-ico li.ico_heat a.curr,
.cp_cont2 .toolbar-ico li.ico_dry a.curr,
.cp_cont2 .toolbar-ico li.ico_fan a.curr{background-color:#51c6f8;}

/*cp_cont3*/
.cp_cont3{ position:relative;}
.cp_cont3 label{ box-shadow:none; border:none;left:112px;}
.heat-e-ico,
.exhaust-a-ico,
.bypass-ico,
[class*="eco-ico"],
[class^="eco-ico"]{display:block; width:100%; height:108px;}

.heat-e-ico{ background:url(../images/control/icon_heat-exchange.png) no-repeat center 30px;}
.exhaust-a-ico{ background:url(../images/control/icon_exhaust-air.png) no-repeat center 30px;}
.bypass-ico{ background:url(../images/control/icon_bypass.png) no-repeat center 30px;}

.eco-ico1{ background: url(../images/eco/icon_silent_node.png) no-repeat center 30px;}
.eco-ico2{ background:url(../images/eco/icon_static_pressure.png) no-repeat center 30px;}
.eco-ico3{ background:url(../images/eco/icon_priority_setting.png) no-repeat center 30px;}
.eco-ico4{ background:url(../images/eco/icon_operation_capacity.png) no-repeat center 30px;}
.eco-ico5{ background:url(../images/eco/icon_energy_setting.png) no-repeat center 30px;}
.bypass-ico-es{ display: block;width: 100%;height: 108px;background:url(../images/eco/icon_energy_setting.png) no-repeat center 30px;}
.bypass-ico-oc{ display: block;width: 100%;height: 108px;background:url(../images/eco/icon_operation_capacity.png) no-repeat center 30px;}
.bypass-ico-ps{ display: block;width: 100%;height: 108px;background:url(../images/eco/icon_priority_setting.png) no-repeat center 30px;}
.bypass-ico-sp{ display: block;width: 100%;height: 108px;background:url(../images/eco/icon_static_pressure.png) no-repeat center 30px;}
.bypass-ico-sm{ display: block;width: 100%;height: 108px;background:url(../images/eco/icon_silent_node.png) no-repeat center 30px;}
.col_mode{border-bottom:1px solid #3e516a; height:83px; padding:20px 12px;}
.col_mode:last-child{border-bottom:none;}

.col_mode h3{ float:left; width:140px; color:#fff; font-size:22px; padding-top:8px;}
.col_mode dl{ float:right; width:200px; height:44px;}
.col_mode dl dt,.col_mode dl dd{ float:left; height:44px;}
.col_mode dl dt a{ display:block; height:44px; padding-top:7px; font-size:20px;color:#fff; width:25px; border-radius:5px; background:#3e516a;}
.col_mode dl dt a:hover{background-color:#51c6f8;}
.col_mode dl dd{ width:150px; color:#fff; font-size:18px;}
.col_mode dl dd p{ padding-right:5px; height:44px; line-height:44px;}
.col_mode .wind1,
.col_mode .wind2,
.col_mode .wind3,
.col_mode .wind4,
.col_mode .wind5,
.col_mode .wind6,
.col_mode .wind7{ background-position:10px center; background-repeat:no-repeat;}

.col_mode .wind1{background-image:url(../images/control/swing_UD_1.png);}
.col_mode .wind2{background-image: url(../images/control/swing_UD_2.png);}
.col_mode .wind3{background-image: url(../images/control/swing_UD_3.png);}
.col_mode .wind4{background-image: url(../images/control/swing_UD_4.png);}
.col_mode .wind5{background-image: url(../images/control/swing_UD_5.png);}
.col_mode .wind6{background-image: url(../images/control/swing_stop.png);}
.col_mode .wind7{background-image: url(../images/control/swing_auto.png);}

.col_mode .wind_off{background-image: url(../images/control/swing_LR_off.png);}
.col_mode .wind_on{background-image: url(../images/control/swing_LR_on.png);}

.col_mode .wind_off,
.col_mode .wind_on{background-position:12px center; background-repeat:no-repeat;}

.col_mode .speed1,
.col_mode .speed2,
.col_mode .speed3,
.col_mode .speed4,
.col_mode .speed5,
.col_mode .speed6,
.col_mode .speed7,
.col_mode .speed8{background-position:12px center; background-repeat:no-repeat;}

.col_mode .speed1{background-image: url(../images/control/speed_1.png);}
.col_mode .speed2{background-image: url(../images/control/speed_2.png);}
.col_mode .speed3{background-image: url(../images/control/speed_3.png);}
.col_mode .speed4{background-image: url(../images/control/speed_4.png);}
.col_mode .speed5{background-image: url(../images/control/speed_5.png);}
.col_mode .speed6{background-image: url(../images/control/speed_6.png);}
.col_mode .speed7{background-image: url(../images/control/speed_7.png);}
.col_mode .speed8{background-image: url(../images/control/speed_a.png);}

.cp_cont3 .fanspeed dl{ text-align:left;}
.cp_cont3 .fanspeed dt,
.cp_cont3 .fanspeed dd,
.cp_cont3 .fanspeed dd a{ display:inline-block; }
.cp_cont3 .fanspeed dt{ color:#fff; font-size:20px; font-weight:normal; margin-right:2px;}
.cp_cont3 .fanspeed dd{ font-size:18px;width:85px; height:30px; line-height:30px;}
.cp_cont3 .fanspeed dd:last-child{margin-right:0;}

.cp_cont3 .fanspeed dd a{ width:100%; height:30px; line-height:30px;color:#a9b4c4; text-align:center; border-radius:5px;}
.cp_cont3 .fanspeed dd a:hover,
.cp_cont3 .fanspeed dd a.curr{color:#fff;}
.cp_cont3 .fanspeed dd a.curr{ background:#51c6f8;}

/*.cp_cont4*/
.cp_cont4_up{ height:176px; border-bottom:1px solid #3e516a; padding-left:20px; padding-top:40px;}

.cp_cont4_btn{ padding-top:13px;}
.cp_cont4_btn a {
    display: inline-table;
    padding-top: 3px;}
.cp_cont4_btn a:hover{ color:#fff;}

.cp_cont4_up p{ color:#fff; font-size:18px; text-align:left;}
.cp_cont4_up p span{ display:inline-block; margin-left:10px;}

/*.cp_cont5*/


/*单选框样式*/

input[type="checkbox"] {
	display: none;
}

input[type="checkbox"] + label {
	cursor: pointer;
	font-size: 1em;
}


[id^="checkbox-8-"] + label {
	padding: 9px;
	border-radius: 50px;
	display: inline-block;
	position: relative;
	margin-right: 30px;
	height: 15px;
}

[id^="checkbox-8-"] + label:after {
	content: ' ';
	position: absolute;
	background: #3e516a;
	top:8px;
	left: 0;
	width:45px;
	height:21px;
	border-radius: 100px;
	box-shadow:0 1px 2px rgba(0, 0, 0, 0.5) inset;
}

[id^="checkbox-8-"] + label:before {
	content: ' ';
	position: absolute;
	background:#f7f7f7 url(../images/control/switch.png) no-repeat center 1px;
	top:6px;
	left:0;
	z-index: 99999;
	width: 26px;
	height:26px;
	border-radius:100px;
	box-shadow: 0 0 2px rgba(0,0,0,0.5), inset 0 -18px 15px -10px rgba(0,0,0,0.1);
}



[id^="checkbox-8-"]:checked + label:before {
	content: ' ';
	position: absolute;
	left:19px;
	border-radius: 100px;
}


[id^="checkbox-8-"]:checked + label:after {
	content: ' ';
	font-size: 1.5em;
	position: absolute;
	background: #51c6f8;
	box-shadow:0 1px 2px rgba(0, 0, 0, 0.5) inset;
}

/*control_进度条*/

.btnreturn{ position:absolute; top:0; left:0;}
.btnreturn a{ display:block; background:#3e516a url(../images/control/back_normal.png) no-repeat 6px 6px; width:43px; height:40px; border-bottom-right-radius:40px;border-top-left-radius:5px;  box-shadow: 2px 2px 1px 0 rgba(255, 255, 255, 0.3) inset;}
.btnreturn a:hover{ background:#3e516a url(../images/control/back_selected.png) no-repeat 6px 6px;}

/*进度条*/
.coltrol_progrbar{ width:480px; height:246px;border-right:1px solid #3e516a;}

.coltrol_progrbar h3{ font-weight:normal; text-align:left; padding:20px 20px 0 20px;}

ul.lanren{margin:60px auto 0 auto;}
.scale_panel{color:#999;width:415px;position:absolute;line-height:18px;left:32px;top:0; text-align:left; color:#fff;}


.scale span{ display:inline-block; background:#51c6f8; border-radius:50px;width:22px;height:22px;position:absolute;left:-2px;top:-10px;cursor:pointer; box-shadow:1px 2px 5px rgba(0, 0, 0, 0.3);}

.scale{ background-repeat: repeat-x; background-position: 0 100%; background-color:#3e516a; border-left: 1px solid #3e516a; height:2px; position: relative; margin-top:17px; font-size:0px; border-radius: 3px; }
.scale div{ background-repeat: repeat-x; background-color: #3BE3FF; width: 0px; position: absolute; height:2px; width: 0; left: 0; bottom: 0; }

.lanren li{font-size:20px;line-height:50px;position:relative;height:50px;list-style:none;}
.lanren li p{ position:absolute; left:240px; bottom:-40px; color:#51c6f8; font-size:30px;}

.c_progrbar_btn{ width:120px; padding-top:62px; padding-right:10px;}
.eco_down_btn{width:120px; padding-top:62px; padding-right:138px;}
.eco_down_btn a,
.c_progrbar_btn a {
    display: inline-table;
    padding-top:4px; margin-bottom:40px;}
.c_progrbar_btn a:hover{ color:#fff;}

.scale_panel i{ position:absolute; display:block; width:416px; height:12px;top:-5px; left:-1px; border-left:1px solid #3e516a ; border-right:1px solid #3e516a ;}

/*table 固定样式*/

.tablestyle .fixed_title th{ border:1px solid #eaeaeb;border-top:0; height:72px; text-align:center;}


.tablestyle .scroll_row td{ border:1px solid #eaeaeb; border-top:0; height:52px; text-align:center;}

.td_scrollbar{overflow-y:auto; overflow-x:hidden; height:520px; width:968px;}

.tbdiv{overflow: hidden;}

#menu-box-mask{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99998;
	opacity: .3;
	filter: alpha(opacity=30);
	background: #000;
	display: none;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

#iframe-box{
	margin:-1px 0px -4px -552px;
	padding: 0;
	border: 0;
	width:1232px;
	height:246px;
	z-index:99999;
}

/*显示文件夹画法*/
.ins-c-list{ display:block;}
.ins-c-list li{ display:block; height:51px; line-height:51px; border-bottom:1px solid #d8d9db; background:url(../images/installation/group/icon_folder.png) no-repeat 13px center; padding-left:53px;}
.ins-c-list li a{ font-size:20px; color:#666;}
.ins-c-list li a.curr{color:#1f72cc;}


/*plus-minus  17-8-15*/
.plus-minus{ display:block; padding:0; margin:10px;}

.plus-minus  .big,.plus-minus  .small{ display:inline-block;width:32px; height:32px;text-align:center; line-height:32px; font-size:18px; font-weight:normal;
  color: #666;
  border: 1px solid #d8d9db;
background-color: #f4f5f7;
  background-image: linear-gradient(top, #fff 0%, #fff 20%, #f4f5f7 60%, #ecedf0 100%);
  background-image: -webkit-linear-gradient(top, #fff 0%, #fff 20%, #f4f5f7 60%, #ecedf0 100%);
  background-image: -moz-linear-gradient(top, #fff 0%, #fff 20%, #f4f5f7 60%, #ecedf0 100%);
  background-image: -o-linear-gradient(top, #fff 0%, #fff 20%, #f4f5f7 60%, #ecedf0 100%);
  background-image: -ms-linear-gradient(top, #fff 0%, #fff 20%, #f4f5f7 60%, #ecedf0 100%); }

.plus-minus .big:hover{
  background-color: #448ae5;
  background-image: linear-gradient(top, #448ae5 0%, #3275d6 60%, #1d63c5 100%);
  background-image: -webkit-linear-gradient(top, #448ae5 0%, #3275d6 60%, #1d63c5 100%);
  background-image: -moz-linear-gradient(top, #448ae5 0%, #3275d6 60%, #1d63c5 100%);
  background-image: -o-linear-gradient(top, #448ae5 0%, #3275d6 60%, #1d63c5 100%);
  background-image: -ms-linear-gradient(top, #448ae5 0%, #3275d6 60%, #1d63c5 100%); color:#fff;
border-color:#66afe9;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}
.plus-minus .small:hover{
  background-color: #448ae5;
  background-image: linear-gradient(top, #448ae5 0%, #3275d6 60%, #1d63c5 100%);
  background-image: -webkit-linear-gradient(top, #448ae5 0%, #3275d6 60%, #1d63c5 100%);
  background-image: -moz-linear-gradient(top, #448ae5 0%, #3275d6 60%, #1d63c5 100%);
  background-image: -o-linear-gradient(top, #448ae5 0%, #3275d6 60%, #1d63c5 100%);
  background-image: -ms-linear-gradient(top, #448ae5 0%, #3275d6 60%, #1d63c5 100%); color:#fff;
border-color:#66afe9;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);}
.plus-minus .scaleNum{
    display: inline-block;
    width: 60px;
    text-align: center;
}

/*cp_cont8 8-21*/
.cp_cont8{ padding-left:19px;}
.toolbar-mode{ padding-top:10px; display:block; width:100%;}
.toolbar-mode li{ margin:0 31px; float:left;}
.toolbar-mode li,
.toolbar-mode li a{ display:block;width:112px; height:164px;}
.toolbar-mode li a{ text-align:center; font-size:20px; color:#a9b4c4; font-family: Arial, Helvetica, sans-serif;padding-top:90px;}
.toolbar-mode li a.curr{ color:#fff; border-radius:5px;}


.toolbar-mode li.auto-ico{ background: url(../images/control/icon_auto_unselect.png) no-repeat center 24px;}
.toolbar-mode li.auto-ico a.curr{ background:#51c6f8 url(../images/control/auto_select.png) no-repeat center 24px;}

.toolbar-mode li.heat-e-ico{ background: url(../images/control/icon_heat-exchange_unselect.png) no-repeat center 24px;}
.toolbar-mode li.heat-e-ico a.curr{ background:#51c6f8 url(../images/control/icon_heat-exchange.png) no-repeat center 24px;}

.toolbar-mode li.bypass-ico{ background: url(../images/control/icon_bypass_unselect.png) no-repeat center 24px;}
.toolbar-mode li.bypass-ico a.curr{ background:#51c6f8 url(../images/control/icon_bypass.png) no-repeat center 24px;}

.toolbar-mode li.exhaust-a-ico{ background: url(../images/control/icon_exhaust-air_unselect.png) no-repeat center 24px;}
.toolbar-mode li.exhaust-a-ico a.curr{ background:#51c6f8 url(../images/control/icon_exhaust-air.png) no-repeat center 24px;}

.toolbar-mode li.fan-ico{ background: url(../images/control/icon_fan_unselect.png) no-repeat center 24px;}
.toolbar-mode li.fan-ico a.curr{ background:#51c6f8 url(../images/control/icon_fan_w.png) no-repeat center 24px;}
/* 控制面板改  */
.ControlMenu{
  width: 1080px;
  height: 592px;
  background: url(../images/control/newMenu/bg_frame_02.png) no-repeat center;
  border-radius: 5px;
  margin:52px auto;
  position: absolute;
  top:-700px;
  left: 108px;
}
.ControlMenu .nav ul{
  margin-top: 6px;
  margin-left: 25px;
}
.ControlMenu .nav-tab{
  height: 50px;
  width: 206px;
  background: url(../images/control/newMenu/title.png) no-repeat center;
  float: left;
  color:#FFF;
  text-align: center;
  font-size: 20px;
  line-height: 55px;
  font-family:"微软雅黑";
  display: none
}
.ControlMenu .nav-tab.active{
  background: url(../images/control/newMenu/title_select.png) no-repeat center;
}
.ControlMenu .operationDiv{
  height: 108px;
  border-bottom: 1px solid #3e516a;
}
.ControlMenu .operationDiv .operation{
  width:420px;
  height: 108px;
  border-right: 1px solid #3e516a;
  float: left;
}
.ControlMenu .operationDiv .operationText{
  float: left;
  margin-left: 52px;
  line-height: 108px;
  font-size: 20px;
  color:#fff;
  font-family: "ArialMT"
}
.ControlMenu .operationDiv .operationBtn{
  width:120px;height: 37px;
  background: url(../images/control/newMenu/bg_switch.png) no-repeat center;
  float: right;margin-right: 52px;margin-top: 37px;
  position: relative;
}
.operationBtn .btnText{
  position: absolute;
  top: -24px;
  width: 100%
}
.operationBtn .btnText .on{
  color:#1b304b;
  float:left;
  display: block;
  width: 50%;
  text-align: center;
}
.operationBtn .btnText .off{
  color:#1b304b;
  float:right;
  display: block;
  width: 50%;
  text-align: center;
  font-family: "ArialMT"
}
.operationBtn .btnText .active{
  color:#fff !important;
  font-family: "ArialMT"
}
.operationBtn .btnImg{
  height: 37px;
  width:62px;
  position: absolute;
  background:url(../images/control/newMenu/bg_switch_on.png) no-repeat center;
  transition: all .3s;
}
.operationBtn .btnImg.on{
  left: 1px;
}
.operationBtn .btnImg.off{
  left: 58px;
}
.modeList{
  float: left;
  height:106px;
  width:660px;
  margin-top: 2px;
}
.modeList li.newFan{
  width: 220px;
}
.modeList li.rebeng{
  width: 165px;
}
.modeList li{
  float:left;
  width: 132px;
  height: 105px;
  text-align: center;
  padding-top:62px;
  font-size: 18px;
  color:#a9b4c4
}
.modeList li.active{
  color:#fff;
  background-color: #2492ed !important
}
.modeList li.auto{
  background: url(../images/control/auto_normal.png) no-repeat center 28px
}
.modeList li.cool{
  background: url(../images/control/COOL_normal.png) no-repeat center 28px
}
.modeList li.heat{
  background: url(../images/control/HEAT_normal.png) no-repeat center 28px
}
.modeList li.dry{
  background: url(../images/control/DRY_normal.png) no-repeat center 28px
}
.modeList li.fan{
  background: url(../images/control/FAN_normal.png) no-repeat center 28px
}
.modeList .active.auto{
  background: url(../images/control/auto_selected.png) no-repeat center 28px
}
.modeList .active.cool{
  background: url(../images/control/COOL_selected.png) no-repeat center 28px
}
.modeList .active.heat{
  background: url(../images/control/HEAT_selected.png) no-repeat center 28px
}
.modeList .active.dry{
  background: url(../images/control/DRY_selected.png) no-repeat center 28px
}
.modeList .active.fan{
  background: url(../images/control/FAN_selected.png) no-repeat center 28px
}
.modeList .heatExchange{
  background: url(../images/control/newMenu/icon_heat_exchange.png) no-repeat center 28px
}
.modeList .active.heatExchange{
  background: url(../images/control/newMenu/icon_heat_exchange_select.png) no-repeat center 28px
}
.modeList .byPass{
  background: url(../images/control/newMenu/icon_bypass.png) no-repeat center 28px
}
.modeList .active.byPass{
  background: url(../images/control/newMenu/icon_bypass_select.png) no-repeat center 28px
}
.modeList .exhaustAir{
  background: url(../images/control/newMenu/icon_exhaust.png) no-repeat center 28px
}
.modeList .active.exhaustAir{
  background: url(../images/control/newMenu/icon_exhaust_select.png) no-repeat center 28px
}
.setTempDiv{
  height:216px;
  border-bottom: 1px solid #3e516a
}
.setTempDiv p{
  font-size: 20px;
  color:#fff;
  margin:26px 0 30px 52px;
}
.setContainer{
  width:976px;
  margin: 0 auto;
}
.setContainer .tempText{
  font-size:36px;
  color:#fff;
  margin-bottom: 28px;
  text-align: center;
}
.setContainer .tempText.tempCool{
  width: 488px;
  float: left;
}
.setContainer .tempText.tempHeat{
  width: 488px;
  float: left;
}
.coolSetTemp{
  width: 50%;
  float: left;
}
.heatSetTemp{
  width: 50%;
  float: right;
}
/* .heatSetTemp .heatTempL{
  background: -webkit-linear-gradient( #2492ed,#76c5f5) no-repeat 0px 100% !important;
  background-size: 23% 100% !important;
} */
.heatTempPro{
  transform: rotate(180deg);
  margin-top: 15px;
}
.heatTempPro input[type=range]{
  margin-right: 2px;
}
.tempTypeText{
  display: block;
  text-align: center;
  color: #a9b4c4;
  font-size: 18px;
}
.heatTempPro input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 55px;
    width: 20px;
    background: url(../images/control/newMenu/slider.png) no-repeat center center;
    margin-top: -12px;
    z-index: 1000;
    transform: rotate(180deg);
}
.setContainer .tempPro .newCutTemp,.setContainer .tempPro .clivetNewCutTemp{
  width: 76px;
  height: 54px;
  float: left;
  margin-right: 8px;
  background: url(../images/control/newMenu/btn_-.png) no-repeat center;
}
.setContainer .tempPro .newAddTemp,.setContainer .tempPro .clivetNewAddTemp{
  width: 76px;
  height: 54px;
  float: right;
  margin-left: 14px;
  background: url(../images/control/newMenu/btn_+.png) no-repeat center;
}
.setContainer .tempPro .newCutCoolTemp,.setContainer .tempPro .newCutHeatTemp{
  width: 76px;
  height: 54px;
  float: left;
  margin-right: 8px;
  background: url(../images/control/newMenu/btn_-.png) no-repeat center;
}
.setContainer .tempPro .newAddCoolTemp,.setContainer .tempPro .newAddHeatTemp{
  width: 76px;
  height: 54px;
  float: right;
  margin-left: 14px;
  background: url(../images/control/newMenu/btn_+.png) no-repeat center;
}
.btnC{
  float: left;
  position: absolute;
  top: -54px;
  width: 76px;
}
.btnH{
  float: right;
  position: absolute;
  width: 76px;
  top:-6px;
}
input[type=range].tempLength {
    -webkit-appearance: none;
    width: 792px;
    float:left;
    height: 18px;
    background: -webkit-linear-gradient(#76c5f5, #2492ed) no-repeat 0px 100%;
    margin-top: 15px;
    margin-left: 10px;
    border-radius: 10px;
    position: relative;
    z-index: 10;
    background-size: 23% 100%;
}
.autoTempLength.tempLength{
  width: 396px !important;
  margin-left: 94px !important;
}
.menu-2 input[type="range"]{
  background-size: 50% 100%;
}
input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 55px;
    width: 20px;
    background: url(../images/control/newMenu/slider.png) no-repeat center center;
    margin-top: 10px;
    z-index: 1000;

}
/*input[type=range]::-webkit-slider-runnable-track {
  width: 811px;
  height: 30px;
  background: url(../images/control/newMenu/bg_slider_02.png) no-repeat 0px 100%;
  float: left;
  margin: 12px 0  0 0;
  position: relative;
} */

.progressDiv{
  height: 22px;
  width: 811px;
  background: url(../images/control/newMenu/bg_slider_01.png) no-repeat 0 center;
  position: absolute;
  left: 83px;
  top:13px;
  z-index:0;
}
.tempPro{
  position: relative;
}
.setFanAndSwing{
  height: 108px;
  border-bottom: 1px solid #3e516a;
}
.setSwing{
  width: 539px;
  height: 108px;
  border-right: 1px solid #3e516a;
  float: left;
  padding: 0 52px;

}
.setFan{
  padding: 0 52px;
}
.setSwing label,.setFan label{
  float: left;
  font-size: 20px;
  color: #fff;
  line-height: 108px;
  font-weight: normal;
}
.setSwing ul ,.setFan ul{
  width: 206px;
  max-height: 200px;
  overflow-y: scroll;
}
.swingList,.fanList{
  float: right;
  position: relative;
  margin-top: 38px;
  width: 206px !important;
}

.swingList a,.fanList a{
  color:#fff !important;
  font-size: 20px !important;
}
.setFanAndSwing li:hover a{
  background: #2e92ed !important;
}
.setFan{
  height: 108px;
  width: 540px;
  float:left;
  position: relative;
}
.setSwing button,.setFan button{
  width: 206px;
  background: url(../images/control/newMenu/icon_drop_down.png) no-repeat 0 center;
  border:none;
  color:#fff;
  font-size: 20px;
  height: 38px;
}
.setSwing .caret,.setFan .caret{
  float: right;
  margin-top: 10px;
}
.ControlMenu .menuDiv{
  height: 536px;
  position: relative;
}
.menuBtn{
  width: 340px;
  display: block;
  position: absolute;
  bottom: 15px;
  left:380px;
}
.menuBtn a{
  float: left
}
.clivetBtnDiv{
  padding: 40px 0 0 20px;
}
.clivetBtn{
  padding: 5px 30px;
  color:#fff !important;
  font-size: 18px;
  float: left;
  background-color: #2c496f;
  border-radius: 5px;
  margin-right: 10px;
  text-decoration: none !important
}
.clivetBtn.active{
  background-color: #51c6f8
}
.ecoMenu{
  height: 536px;
  width: 1082px;
  background: url(../images/control/newMenu/bg_frame_01.png) no-repeat center center;
  position: absolute;
  left: 93px;
  top:-546px;
}
.thumb{
  position: absolute;
  right: 10px;
  top:100px;
  /* overflow: hidden; */
}
.thumb li {
  height: 10px;
  width: 10px;
  margin-top: 20px;
  border-radius: 100%;
  background-color: #dddddd;
}
.thumb li.curr{
  background-color: #51c6f8;
}
/* #controlUnitsDiv::-webkit-scrollbar{
  width: 0
} */