@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_ervfan_x {
  width: 28px !important;
  background: url(../images/control/icon_ervfan.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;
}

.icon_hotwater_x {
  background: url(../images/control/icon_hotwater02.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;
}

.cube_orange h2 {
  background: #ff791f;
}

/*.cube_gray:hover,*/
.orange_border {
  border: 2px solid #ff791f;
}

.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%);
}

.orange_chick {
  background: #ff791f;
}

.blue_chick,
.lightblue_chick,
.pink_chick,
.yellow_chick,
.green_chick,
.gray_chick,
.orange_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: 50%;
  top: -35px;
  margin-left: -64px
}

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

.ecoMenu .nav {
  margin-top: 5px;
  padding-left: 20px;
}

.ecoMenu .menu-content {
  width: 100%;
  display: none;
}

.ControlMenu .nav-tab, .ecoMenu .nav-tab {
  height: 50px;
  /* width: 206px; */
  padding: 0 30px;
  /* 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: "微软雅黑";
  box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.4);
  border-radius: 10px 10px 0px 0px;
  cursor: pointer;
}

.ControlMenu .nav-tab.active, .ecoMenu .nav-tab.active {
  background-color:  rgb(81,198,248);
  /* 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.hotWater {
  background: url(../images/control/icon_hotwater.png) no-repeat center 28px
}

.modeList li.heat-hotWater {
  background: url(../images/control/icon_heat_hotwater.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 li.ervFan {
  background: url(../images/control/ervfan_normal.png) no-repeat center 28px
}
.modeList li.ervFan.active {
  background: url(../images/control/ervfan_selected.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,.newfanCutTemp ,.setContainer .tempPro .clivetNewCutTemp, .setContainer .tempPro .waterCutTemp,.setContainer .tempPro .ahukCutTemp {
  width: 76px;
  height: 54px;
  float: left;
  margin-right: 8px;
  background: url(../images/control/newMenu/btn_-.png) no-repeat center;
}

.setContainer .tempPro .newAddTemp,.newfanAddTemp, .setContainer .tempPro .clivetNewAddTemp, .setContainer .tempPro .waterAddTemp , .setContainer .tempPro .ahukAddTemp {
  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: 592px;
  width: 1082px;
  background: url(../images/control/newMenu/bg_frame_02.png) no-repeat center center;
  position: absolute;
  left: 93px;
  top: -600px;
}
.ecoMenu-outdoor.ecoMenu{
  height: 536px;
  background: url(../images/control/newMenu/bg_frame_01.png) no-repeat center center;
}
.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
} */