@charset "utf-8";
/* setting设置 style */

.setting{ margin:12px 0 12px 24px; width:1232px; height:659px;}
.setting .sitebar {height: 659px;width:263px;}
/* sidebar style */
 .sitebar .sidebar-collapse,
 .sitebar .sidebar-collapse .nav {background: none;}

 .sitebar .sidebar-collapse .nav {padding: 0;margin-left:1px; margin-top:1px; font-family: Microsoft Yahei,Arial,Helvetica,sans-serif;}/*8-23*/
 .sitebar .sidebar-collapse > .nav > li{ border-bottom:none;}

 .sitebar .sidebar-collapse .nav > li > a { height:74px;
            color: #fff;
			font-size:20px;
            text-shadow: none; padding:15px 0 0 20px;
			border-bottom:1px solid #141b23;
			margin-top:-1px;}

 .sitebar .sidebar-collapse .nav > li > a:last-child{ border-bottom-left-radius:5px;}
 .sitebar .sidebar-collapse > .nav > li > a > span{ display:inline-block; margin-top:8px;}
 .sitebar .sidebar-collapse > .nav > li > a > span.mt{ margin-top:-7px;}

 .sitebar .sidebar-collapse .nav > li > a:focus{ background:none;outline:0;}

 .sitebar .sidebar-collapse .nav > li > a:hover,
 .sitebar .sidebar-collapse .nav > li > a.curr{background: url(../images/setting/eco/selected_blue1.png) no-repeat;color:#51c6f8; border-bottom:none;}

  .sitebar .sidebar-collapse .nav > li > a >i{ display:inline-block;font-size:18px; width:48px; height:54px; float:left;}

  .sitebar .sidebar-collapse .nav > li > a >i.ico1{ background: url(../images/setting/eco/icon_normal_CustomerSetting.png) no-repeat;}
  .sitebar .sidebar-collapse .nav > li > a:hover >i.ico1,
  .sitebar .sidebar-collapse .nav > li > a.curr >i.ico1{ background: url(../images/setting/eco/icon_selected_CustomerSetting.png) no-repeat;}

  .sitebar .sidebar-collapse .nav > li > a >i.ico2{ background: url(../images/setting/eco/icon_normal_DateandTime.png) no-repeat;}
  .sitebar .sidebar-collapse .nav > li > a:hover >i.ico2,
  .sitebar .sidebar-collapse .nav > li > a.curr >i.ico2{ background: url(../images/setting/eco/icon_selected_DateandTime.png) no-repeat;}

  .sitebar .sidebar-collapse .nav > li > a >i.ico3{ background: url(../images/setting/eco/icon_normal_AdanceInformation.png) no-repeat;}
  .sitebar .sidebar-collapse .nav > li > a:hover >i.ico3,
  .sitebar .sidebar-collapse .nav > li > a.curr >i.ico3{ background: url(../images/setting/eco/icon_selected_AdvanceInformation.png) no-repeat;}

  .sitebar .sidebar-collapse .nav > li > a >i.ico4{ background: url(../images/setting/eco/icon_normal_NetworkSetting.png) no-repeat;}
  .sitebar .sidebar-collapse .nav > li > a:hover >i.ico4,
  .sitebar .sidebar-collapse .nav > li > a.curr >i.ico4{ background: url(../images/setting/eco/icon_selected_NetworkSetting.png) no-repeat;}

  .sitebar .sidebar-collapse .nav > li > a >i.ico5{ background: url(../images/setting/eco/icon_normal_GeneralSetting.png) no-repeat;}
  .sitebar .sidebar-collapse .nav > li > a:hover >i.ico5,
  .sitebar .sidebar-collapse .nav > li > a.curr >i.ico5{ background: url(../images/setting/eco/icon_selected_GeneralSetting.png) no-repeat;}

  .sitebar .sidebar-collapse .nav > li > a >i.ico6{ background: url(../images/setting/eco/icon_normal_HolidaySetting.png) no-repeat;}
  .sitebar .sidebar-collapse .nav > li > a:hover >i.ico6,

  .sitebar .sidebar-collapse .nav > li > a.curr >i.ico6{ background: url(../images/setting/eco/icon_selected_HolidaySetting.png) no-repeat;}

  .sitebar .sidebar-collapse .nav > li > a >i.ico7{ background: url(../images/setting/eco/icon_normal_EcoSetting.png) no-repeat;}
  .sitebar .sidebar-collapse .nav > li > a:hover >i.ico7,
  .sitebar .sidebar-collapse .nav > li > a.curr >i.ico7{ background: url(../images/setting/eco/icon_selected_EcoSetting.png) no-repeat;}

  .sitebar .sidebar-collapse .nav > li > a >i.ico8{ background: url(../images/setting/eco/icon_normal_EMAILSetting.png) no-repeat;}
  .sitebar .sidebar-collapse .nav > li > a:hover >i.ico8,
  .sitebar .sidebar-collapse .nav > li > a.curr >i.ico8{ background: url(../images/setting/eco/icon_selected_EMAILSetting.png) no-repeat;}

  .sitebar .sidebar-collapse .nav > li > a >i.ico9{ background: url(../images/setting/eco/icon_normal_SMSSetting.png) no-repeat;}
  .sitebar .sidebar-collapse .nav > li > a:hover >i.ico9,
  .sitebar .sidebar-collapse .nav > li > a.curr >i.ico9{ background: url(../images/setting/eco/icon_selected_SMSSetting.png) no-repeat;}

  .sitebar .sidebar-collapse .nav > li > a > span{ font-size:20px;font-family:Arial,Helvetica,sans-serif,Microsoft Yahei;}
  .sitebar .sidebar-collapse .nav > li > a > i{ margin-right:5px;}

  /*================*/
  .setting_content{ float:right; font-family:Arial,Helvetica,sans-serif,Microsoft Yahei;position:relative; width:968px; background:#fff;height:659px; margin-top:1px;border-top-right-radius:5px;border-bottom-right-radius:5px;}

  .setting_content .eco{ height:95px; padding-top:35px;}
  .setting_content .eco,
  .setting_content .emaill{position:relative; border-top:1px solid #ebeced;border-bottom:1px solid #ebeced; }

  .setting_content .eco p.pl{ padding-left:200px;}
  .setting_content .eco span.font_20bule{display:inline-block;color:#1f72cc; font-size:20px; margin-left:3px; margin-top:-4px;}

  .setting_content .eco p.drop{position:absolute; top:40px; right:195px; }
  .setting_content .eco p.drop a{width:30px; height:22px; display:inline-block; background:url(../images/setting/eco/Play_normal.png) no-repeat;}
  .setting_content .eco p.drop a.curr,
  .setting_content .eco p.drop a:hover{ background:url(../images/setting/eco/Play_selected.png) no-repeat;}

  /*复选框样式*/
  input[type="checkbox"] {
	display: none;
}

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

[id^="checkbox-3-"] + label {
	background-color: #FFF;
	border: 1px solid #C1CACA;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
	padding: 9px;
	border-radius: 1000px;
	display: inline-block;
	position: relative;
	margin-right:5px;
}

[id^="checkbox-3-"] + label:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.2);
}

[id^="checkbox-3-"]:checked + label {
	background-color: #ECF2F7;
	border: 1px solid #448fdf;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
	color: #243441;
}

[id^="checkbox-3-"]:checked + label:before {
	content: ' ';
	border-radius: 100px;
	position: absolute;
	background: #024d9e;
	opacity: 0.8;
	display: none;
	box-shadow: inset 0 15px 23px -10px rgba(187, 230, 240, 0.3), 0 2px 2px rgba(0, 0, 0, 0.1);
	top: 3px;
	left: 3px;
	width: 12px;
	height: 12px;
}

[id^="checkbox-3-"]:checked + label:before {
	content: ' ';
	display: block;
}

/*setting_email*/

.setting_content .emaill{ height:189px; padding:56px 0 0 230px;}


.emaill-up h3,
.emaill-down h3{ font-size:22px; color:#333;}
.emaill-up{ position:relative; }
.emaill-up h3{ padding-left:20px; }
.emaill-up .em-cont{ margin:10px; margin-top:20px; padding-top:20px;   height:143px; }
.emaill-up dl{ padding-left:10px; display:block; margin-bottom:8px;}

.emaill-up dl dt,
.emaill-up dl dd{ display:inline-block; font-size:20px; color:#666;}
.emaill-up dl dt{ width:70px; font-weight:normal;}


.mailTo{width:70px;display: inline-block;font-size: 20px;color: #666;margin-left: 20px;float: left;padding-top: 10px}
.emaill-down-none{  text-align:center; font-size:20px; color:#999;padding-top: 10px}
.emaill-down-cont{ position:relative; width:660px; height:120px; box-shadow:inset 0 0 5px rgba(0, 0, 0, 0.2); margin:0 auto; border-radius:5px; padding:15px 0 0 20px; margin-bottom:5px;}
.edc-bor-g{ border:1px solid #cdcdcd;}
.edc-bor-b{ border:1px solid #1f72cc;}

.emaill-down-cont p{ display:block;}
.emaill-down-cont p input.holdput{border:0; border-bottom:1px solid #ebeced; padding:0 15px; background:#fff; width:362px; height:30px; border-radius:3px; color:#666; margin-left:30px;}

.emaill_bnt_yes a{ float:right; display:inline-block; background: url(../images/setting/email/Roundedyes.png) no-repeat; width:98px; height:42px; margin-right:20px; color:#1f72cc; font-size:20px; padding:4px 0 0 14px;}

.enaill_button{ position:absolute; bottom:0; left:0;padding-left:365px; padding-bottom:24px;}
.enaill_button a{ display:inline-block; background: url(../images/setting/email/btn_normal_add.png) no-repeat; width:148px; height:42px; padding-left:18px;}

.enaill_button a i{ font-size:24px; float:left; margin-top:6px;}
.red_f{color:#ff445e;}
.mr54{ margin-right:54px;}
.enaill_button a span{ display:inline-block; font-size:20px; color:#666;}

.enaill_button a:hover >span,
.enaill_button a:hover >i.red_f{ color:#fff;}
.enaill_button a:hover{ background:url(../images/setting/email/btn_selected_add.png) no-repeat; color:#fff;}

.emaill-up p a{ position:absolute; right:20px; bottom:-4px; font-size:20px;}
.emaill-down h3{ padding-left:20px;}
.edl-box{ padding-top:15px;}
.edl-box li {border: 1px solid #d8d9db;border-radius: 5px;float: left;padding:3px 0;position: relative;width: 226px;
text-align: center;margin: 0 0 20px 0}
.edl-box li:nth-child(odd){margin-right: 28px;}
.edl-box li.active{
  border-color: #ff445e;

}
.edl-box li b{ font-size:20px; color:#666;  display:block; font-weight:normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 200px;    line-height: 36px;}
.edl-box li a.edit{ background:url(../images/setting/email/mail_edit_normal.png) no-repeat; width:28px; height:32px; display:inline-block; float:right; margin-top:30px; margin-right:35px;}
.edl-box li a.edit:hover{ background:url(../images/setting/email/mail_edit_pressed.png) no-repeat;}

.edl-box li span{ position:absolute; width:20px; height:20px; right:-10px; top:-5px; }
.edl-box li span.ico_x{ background:url(../images/setting/account/delete_normal.png) no-repeat;background-color: #fff}

/* .roundedOne 单选框样式 */
.psite{ position:absolute; right:20px; bottom:21px;}
.roundedOne {
  width: 28px;
  height: 28px;
  margin-right:10px;
  position: relative;

}
.roundedOne label {
  width: 28px;
  height: 28px;
  position: absolute;
  left:0;
  cursor: pointer;
  background:#1f72cc;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
}
.roundedOne label:after {
  content: '';
  width:16px;
  height:9px;
  position: absolute;
  top:7px;
  left:6px;
  border: 2px solid #fcfff4;
  border-top: none;
  border-right: none;
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.roundedOne label:hover::after {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.5;
}
.roundedOne input[type=checkbox] {
  visibility: hidden;
}
.roundedOne input[type=checkbox]:checked + label:after {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}

/*general通用设置*/
.general_up,
.general_center{border-bottom:1px solid #d8d9db;}
.general_center,
.general_down{border-top:1px solid #d8d9db;}

.general_up{ height:359px;}
.general_center{margin:12px 0; height:138px;}
.general_down{ height:138px;}

.general_row1 h3,
.general_row2 dl dt,
.general_center dl dt,
.general_down dl dt{ margin-left:60px; display:inline-block; float:left; font-weight:normal;}

.general_row1{ border-bottom:1px solid #ebeced; height:120px;}
.general_row1 h3{ line-height:120px;}

.general_row1 dl{ position:relative; float:right; margin-right:60px;width:616px; height:72px;}

/*.general_row1 dl dt{ display:inline-block; position:absolute; font-size:20px; color:#666; font-weight:normal;}
.general_row1 dl dt:nth-child(1){ top:0;left:25px;}
.general_row1 dl dt:nth-child(2){ top:0;left:130px;}
.general_row1 dl dt:nth-child(3){ top:0;left:234px;}
.general_row1 dl dt:nth-child(4){ top:0;left:340px;}
.general_row1 dl dt:nth-child(5){ top:0;left:444px;}
.general_row1 dl dt:nth-child(6){ top:0;left:552px;}
*/

.general_row1 dl dd{position:absolute; bottom:6px; left:3px; height:32px;}

.general_row1 dl dd.plan_1{ background:url(../images/setting/normal/1.png) no-repeat; width:55px;}
.general_row1 dl dd.plan_2{ background:url(../images/setting/normal/2.png) no-repeat; width:160px;}
.general_row1 dl dd.plan_3{ background:url(../images/setting/normal/3.png) no-repeat; width:264px;}
.general_row1 dl dd.plan_4{ background:url(../images/setting/normal/4.png) no-repeat; width:371px;}
.general_row1 dl dd.plan



{ background:url(../images/setting/normal/6.png) no-repeat; width:610px;}

.general_row2{ height:88px;}
.general_row2 dl dt{ font-weight:normal; line-height:88px;}
.general_row2 dl dd,.general_row3 dd,
.general_center dl dd,
.general_down dl dd{ display:inline-block; float:right; margin-right:60px;}

.general_row2 .form-control{ text-align:left; font-size:20px; color:#666;
  background-color: #fefefe;
  background-image: -webkit-linear-gradient(top, #fefefe, #ecedf1); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
  background-image:  linear-gradient(to bottom, #fefefe, #ecedf1);
  padding-top: 2px;
  box-shadow:1px 2px 3px rgba(0, 0, 0, 0.08);
}
.general_row2 .dropdown-menu {
    background: #fff none repeat scroll 0 0;
    min-width: 136px;
	max-height:314px; 
	overflow-y:auto;
	overflow-x:auto;

}

.general_row2 b {
    display: inline-block;
    position: absolute;
    right: 15px;
    top: 15px;
}

.w122{ width:122px;}
.w180{ width:180px;}

.general_row3 dt{margin-left:60px; display:inline-block; font-weight:normal; height:88px; line-height:88px;}
.merge-expand{ margin-top:8px;}
.merge-expand a{ display:inline-block; width:133px; padding-top:51px; text-align:center; color:#666;}
.merge-expand a:focus,

.merge-expand a.curr{ color:#1f72cc;}
.merge-expand a.ico1{ background:url(../images/setting/normal/merge.png) no-repeat; margin-right:40px;}
.merge-expand a.ico2{ background:url(../images/setting/normal/expand.png) no-repeat;}


.merge-expand a.ico1.curr,
.merge-expand a.ico1:focus{ background:url(../images/setting/normal/merge-b.png) no-repeat;}


.merge-expand a.ico2.curr,
.merge-expand a.ico2:focus{background:url(../images/setting/normal/expand-b.png) no-repeat;}

.tst1{ margin-top:16px;}
.tst1 a{ display:inline-block;float:left; width:57px; height:57px; border:1px solid #999; color:#333; font-size:20px; font-weight:bold;}
.tst1 a.curr{ border:1px solid #1f72cc; color:#1f72cc;}
.tst1 a span{ display:block; padding-top:0px;text-align:center;}
.tst1 a b{ display:block; line-height:57px; text-align:center;}


/*开关单选框样式*/

.button { margin-top:15px;
  display: block;
  width: 142px;
  height:60px;
  position: absolute; right: 60px;
  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;
		 border: 1px solid #fff;

}
.button .half:first-of-type:before{
  content:"0.5"
}
.button .halfT:last-of-type:before{
  content:"1"
}
.button .enHalf:first-of-type:before{
  content:"0.1"
}
.button .enHalfT:last-of-type:before{
  content:"0.5"
}
.button span:first-of-type:before {
  content: "°F";
  color: rgba(0, 0, 0, 0.5);
  background-color: #f7f7f7;
  background-image: -webkit-linear-gradient(top, #fefefe, #ededf1); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
  background-image:         linear-gradient(to bottom, #fefefe, #ededf1);
  width:66px;
    height: 52px;
    line-height: 52px; text-align:center;
	border:1px solid #dadbdd;
	border-top-left-radius:7px;
	border-bottom-left-radius:7px;
}
.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;
  box-shadow: -1px 1px 1px rgba(255, 255, 255, 0.1) inset, 2px 0 2px rgba(255, 255, 255, 0.05) inset;
  border: 1px solid #fff;
}
.button span:last-of-type:before {
  content: "°C";
  color: #fff;
  box-shadow:0px 0px 4px 0px #fff 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;
}
.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:0px 0px 4px 0px #fff 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:65px;
  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 {
  color: rgba(0, 0, 0, 0.5);
  border: 1px solid #dadbdd;
  background-color: #f7f7f7;
  background-image: -webkit-linear-gradient(top, #fefefe, #ededf1); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
  background-image: linear-gradient(to bottom, #fefefe, #ededf1);
}

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



.general_center dl dt{ line-height:138px; font-weight:normal;}
.general_center dl dd{ margin-top:50px; margin-left:5px;}

/*单选框样式*/


[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: #d8d9db;
	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.01);
}



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


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

.general_down dl dt{line-height:138px;}

.general_down dl dd a{ display:inline-block; margin-top:50px; padding-top:3px; text-align:center;}

/*Network Setting*/
.network_up{ position:relative; height:278px; padding-left:60px; padding-top:60px;}

.network_up dl{ position:relative;}
.network_up dl dt,
.network_up dl dd{ display:inline-block; font-weight:normal;}
.network_up dl dd.w502,
.network_up dl dd.w710{ height:15px; border-bottom:1px solid #ebeced; position:absolute; left:155px; top:7px;}
.network_up dl dd.w502{width:502px;}
.network_up dl dd.w710{width:710px;}

.network_up dl dt.site{ position:absolute;right:45px; top:0;}

.network_up .network_wifi{ margin-top:30px; margin-left:65px;}
.network_up .network_wifi img{ float:left; margin-right:7px;}
.network_up .network_wifi p{ line-height:20px;}

.network_tab ul li{ float:left; margin-right:19px; margin-left:1px;}
.network_tab ul li,.network_tab ul li a{ width:282px; height:51px;}
.network_tab ul li a.current,
.network_tab ul li a:hover{ background:url(../images/setting/network/Network_selected.png) no-repeat; color:#fff;}
.network_tab ul li a{ display:block; background:url(../images/setting/network/Network_normal.png) no-repeat; text-align:center;
line-height:52px;color:#666;}

.wireless,
.network_local{ width:100%; overflow:auto; height:245px; border-bottom:1px solid #d8d9db; }

.wireless dl{ width:100%; height:61px; border-bottom:1px solid #ebeced; clear:both;}
.wireless dl:hover,
.wireless dl:focus{background-color: #68a2e2;
  background-image: -webkit-linear-gradient(top, #68a2e2, #4b85c4); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
  background-image:         linear-gradient(to bottom, #68a2e2, #4b85c4);}
.wireless dl dt,
.wireless dl dd{ display:inline-block; font-weight:normal; }

.wireless dl dt{ font-size:20px; color:#666; width:460px; padding-left:170px; line-height:61px;float:left;}
.wireless dl:hover dt{ color:#fff;}
.wireless dl dd{float:right;}
.wireless dl dd.ico_wifi{ width:175px; height:61px; background:url(../images/setting/network/icon_small.png) no-repeat left center; }
.wireless dl:hover dd.ico_wifi{ background:url(../images/setting/network/icon_small_selected.png) no-repeat left center;}

.wireless dl dd.ico_font{ text-align:right; margin-right:10px; padding-top:15px;}
.wireless dl:hover dd.ico_font,
.wireless dl:focus dd.ico_font{ padding-top:5px; }


.wireless dl dd span{ color:#fff;display:block;visibility:hidden;}
.wireless dl:hover dd span{  padding:0 5px; border-radius:3px; box-shadow:inset 0 0 3px rgba(255, 255, 255, 0.5);visibility:visible;}

.network_bnt a{ display:inline-block; text-align: center; padding-top:8px; float:right; margin-right:60px; margin-top:20px;}

/*network_local*/

.network_local{padding-left:58px; padding-top:50px;height: 330px}
.network_local p{position:relative; display:block;}
.network_local p span{ position:absolute; top:-6px; left:73px;}
.ipsetting_list{padding-left: 90px;}
.ipsetting_list dl{ margin-left:27px; height:25px;}
.ipsetting_list dl dt,
.ipsetting_list dl dd{ display:inline-block; height:20px; font-weight:normal; font-size:16px;}
.ipsetting_list dl dt{ width:132px; }
.input_none{ width:200px; border:0; padding:0 5px;border-bottom:1px solid #ececed;}
.network_local .blue{ color:#1f72cc;}
.network_local .gray input[disabled]{color: #ccc;background: transparent}
.network_local .gray .ipsetting_list  span{color: #ccc}
.gray .ipsetting_list dt{color: #ccc}
.network_local .gray{ color:#666;}
.network_local{position: relative;}
.network_local p span{ font-size:24px;}
.network_local .network_bnt{position: absolute;bottom: 15px;right: 0}
.network_local .network_bnt.config{top:15px}
/*advance information*/
.advance-bg{ background:#f5f6fa;}

.setting_info{ margin:1px 10px 0 10px; position:relative; background:#fff;}
.setting_info h3{margin-top:0;}
.line1{ border-bottom:1px solid #ebeced;}
.advance-info-cont dt,
.advance-info-cont dd{ display:inline-block; padding:30px 60px; font-size:20px; color:#666; font-weight:normal;}

.advance-info-cont dd{ float:right;position: absolute;right: 0}
.advance-info-down{ display:block; padding-top:85px; height:350px;}
.advance-info-down img{ margin:0 auto 20px auto; display:block;}
.advance-info-down b{ font-weight:normal; text-align:center; display:block;}

.opsit_ab{ position:absolute; bottom:120px; left:50%;}

.opsit_center{ position:absolute; left:25%;}



/*进度条*/
.progress-out {
    position: relative;
    border: 1px solid #3e516a;
    background-color: #3e516a; margin:25px auto; border-radius:50px;
}

.progress-in {
    position: absolute;
    height: 100%;
    width: 0%;
    border: none;
	background-color: #51c6f8;border-radius:50px;
    text-align: center;
    color: #fff;
    z-index: 1;
}

.percent-show {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color: #000;
    text-align: center;
    z-index: 2;border-radius:50px;
}

.percent-show span{ display:inline-block; position:absolute; top:-35px; left:127px; color:#51c6f8; font-size:20px;}

/*customer style*/
.customer{ height:578px; overflow:auto; padding-left:10px;-webkit-transform: translateZ(0px);-webkit-overflow-scrolling: touch;}
.customer h2{ margin:30px 0 5px 45px; clear:both;}

.account_box li{ position:relative; border:1px solid #d8d9db; border-radius:5px; box-shadow:0 3px 3px rgba(0, 0, 0, 0.05); width:404px; height:110px; float:left; margin:15px 30px 30px 30px; padding:15px 20px 0 20px;}

.account_box li b{ display:block; position:absolute; width:404px; height:110px; left:0; top:0; background: url(../images/setting/account/lock.png) no-repeat}

.account_box li span{ position:absolute; width:20px; height:20px; right:-10px; top:-10px; z-index:9}
.account_box li span.ico_x{ background:url(../images/setting/account/delete_normal.png) no-repeat;}

.account_box li i{ display:inline-block; float:left; width:80px; height:80px; margin-right:20px;}
.account_box li i.ico_admin{ background: url(../images/setting/account/Headportrait.png) no-repeat;}

.account_box li p{ border-bottom:1px solid #ebeced; margin-left:100px; margin-top:5px; text-align:left;overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;}
/*.account_box li p i{ width:20px; height:22px; margin-right:5px; float:none; margin-right:10px;}*/
.account_box li p.ico_user{ background:url(../images/setting/account/user.png) no-repeat center
left; padding-left:30px;}



.btn_fr{ left:240px;}

.btn_edit,.btn_start{ background:url(../images/setting/date/btn-normal_edit.png) no-repeat;float:right; display:inline-block; width:66px; height:32px; text-align:center; color:#666; font-size:18px; padding-top:1px;}
.btn_edit:hover{ background:url(../images/setting/date/btn-selected_edit.png) no-repeat; color:#fff;}
.btn_start:hover{ background:url(../images/setting/date/btn-selected_edit.png) no-repeat; color:#fff;}
/*Edit User style*/
.edit_user h2,
.configuration h2{ color:#fff; font-size:26px;}
.edit_user h2{ padding-bottom:25px;}
.edit-user-list{ padding-left:57px; margin-bottom:30px;}
.edit-user-list li{height:50px; width:410px; text-align:left; line-height:50px; padding-left:32px;}
.edit-user-list li{ border-bottom:1px solid #3e516a;}
.edit-user-list li >input{ display:inline-block;border:0; background:none;width:360px; color:#b5bdc8; font-size:20px; /*font-family:Arial, Helvetica, sans-serif;*/}

.edit-user-list li a{ display:inline-block; margin-top:22px;}

.edit-user-list li.ico_1{ background:url(../images/setting/account/icon_user.png) no-repeat left center;}
.edit-user-list li.ico_2{ background:url(../images/setting/account/icon_password.png) no-repeat left center;}
.edit-user-list li.ico_3{ background:url(../images/setting/account/icon_Administrator.png) no-repeat left center;}
.edit-user-list li.ico_4{ background:url(../images/setting/account/Con-wifi.png) no-repeat left center;}

.edit-user-list li a.selecte{ background:url(../images/setting/account/input_icon_next_normal.png) no-repeat; width:18px; height:10px;}
.edit-user-list li a.selecte:hover{ background:url(../images/setting/account/input_icon_next_selected.png) no-repeat;}

.edit-user-list li.btn-group{ display:block;}
.edit-user-list li.btn-group .form-control{ box-shadow:none; padding:0;}


.edit-user-list .dropdown-menu{ border:1px solid #5993d2;max-height:113px; overflow:hidden;overflow-y:auto;}
.edit-user-list .dropdown-menu > li{ margin:0; padding:0; border-bottom: none;}

.edit-user-list .dropdown-menu > li > a{ margin:0; display:block; height:50px; line-height:50px;color:#fff; padding:0; padding-left:32px; font-size:20px;}
.edit-user-list .dropdown-menu > li > a:focus,
.edit-user-list .dropdown-menu > li > a:hover{background-color:#67a2e1;
  background-image:-webkit-linear-gradient(top, #67a2e1, #4c86c4); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
  background-image:linear-gradient(to bottom, #67a2e1, #4c86c4); /* Chrome 26, Firefox 16+, IE 10+, Opera */ color:#fff;}




/*holiday setting style*/
.holiday_date{ position:relative; float:left; width:640px; border:1px solid #e7e7e2/*d8d9db*/; padding:0 5px 5px 5px;}
.holiday_time{ float:right; width:317px;border-left:1px solid #d8d9db; background:#f5f6fa; border-bottom-right-radius:6px; border-top-right-radius:6px; position:relative;}

.holiday_time .statuset{ background:#fff; border:1px solid #d8d9db; width:283px; margin:0 auto; box-shadow:0 0 3px rgba(0, 0, 0, 0.1); margin-top:260px;}
.holiday_time .statuset h2{ height:56px; line-height:56px; padding-left:20px;border-bottom:1px solid #d8d9db; font-size:20px; color:#666;}
.holiday_time .statuset .stat{ padding-left:20px; padding-top:25px; height:80px;}
.holiday_time .ht-btn{ position:absolute; display:inline-block; bottom:20px; left:35px;}

.holiday_date,
.holiday_time{ height:658px;}



/*date_and_time style*/
.dt-bor{ border:1px solid #d8d9db;}

.time-edit{ height:60px;}
.time-edit dt{ font-weight:normal; line-height:60px; display:inline-block; float:left; font-weight:normal;margin-left:35px;}
.time-edit dd{ display:inline-block; float:right; }
.time-edit-date{ width:550px;}

.time-edit-date .form-control {
    border:none;
    border-radius:0;
    box-shadow: none;
    font-size:20px;
	color:#666;
    height:60px;
}
.time-edit-date.open .dropdown-toggle {
    box-shadow:none;
}

.time-edit-date .form-control .caret {
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-top: 12px solid; margin-left:18px;}
.time-edit-date.open .form-control .caret {
    border-left:9px solid transparent;
    border-right:9px solid transparent;
	border-bottom:12px solid;
    border-top:hidden; color:#1f72cc;}


.time-edit-date .dropdown-menu{left:-397px; top:58px;width: 948px; border-radius:0; padding:0; background:#fff;max-height:120px;
    overflow-x: hidden;
    overflow-y: auto;}

.time-edit-date .dropdown-menu > li > a{ margin:0; text-align:right; display:block; height:60px; line-height:60px;color:#666; padding:0; padding-right:66px; font-size:20px;}
.time-edit-date .dropdown-menu > li > a:focus,
.time-edit-date .dropdown-menu > li > a:hover,
.daytime-table-s td a.curr{background-color:#67a2e1;
  background-image:-webkit-linear-gradient(top, #67a2e1, #4c86c4); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
  background-image:linear-gradient(to bottom, #67a2e1, #4c86c4); /* Chrome 26, Firefox 16+, IE 10+, Opera */ color:#fff;}

.change-dade{height:495px; border:1px solid #d8d9db;}
.change-dade-lf{ float:left; width:598px; height:494px; border-right:1px solid #d8d9db;}
.change-dade-lf h3{ height:60px; line-height:60px; padding-left:35px;}
.siteh3{ float:left; margin-top:18px; margin-right:10px;}
.date-display,
.change-datetime{ display:block;width:390px; margin:0 auto; }
.date-display input{ width:100%; text-align:center;}



/*日期控件*/
.change-datetime{ height:345px; margin-top:10px;border-radius:5px;}


.change-datetime ul{ padding:20px 45px 0 45px; height:70px;border-bottom:1px solid #efefef;}
.change-datetime div{ padding:10px 35px 25px 35px;}
.change-datetime ul ol a,
.change-mark ul ol a{ margin-top:12px;}
.change-datetime ul li{ width:260px;color:#333; font-size:26px; text-align:center;}

.datetime-s{ background-color:#f9fafb;
    background-image:-webkit-linear-gradient(top, #f8fafa, #fcfcfc); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
    background-image:linear-gradient(to bottom, #f8fafa, #fcfcfc); /* Chrome 26, Firefox 16+, IE 10+, Opera */ }
.datetime-s ul ol,
.datetime-s ul li{ display:inline-block; float:left; height:35px;}
.datetime-s ul ol{ width:20px;}
.datetime-s ul ol a{ display:block; width:17px; height:20px;}
.datetime-s ul ol a.icoleft{ background: url(../images/timing/control_norma_left.png) no-repeat center;}
.datetime-s ul ol a.icoleft:hover{ background:url(../images/timing/control_selected_left.png) no-repeat;}

.datetime-s ul ol a.icoright{ background:url(../images/timing/control_norma_right.png) no-repeat center right;}
.datetime-s ul ol a.icoright:hover{ background:url(../images/timing/control_selected_right.png) no-repeat;}

.daytime-table-s th,
.daytime-table-s td{ padding:6px; text-align:center;font-size:16px;}
.daytime-table-s th{ font-weight:bold;}
.daytime-table-s td{font-family:helvetica;}
.daytime-table-s td a{ display:block; width:34px; height:30px; line-height:30px; text-align:center; margin:0 auto; color:#666;}
.daytime-table-s td a.gray{ color:#bfc0c0;}
.daytime-table-s td a.curr{ border-radius:5px; color:#fff;}
.daytime-table-s td a.gray-bor{ border-radius:5px; border:1px solid #253243;}

/*----------------*/
.change-dade-rg{ float:right; }
.hourtime dt{ font-weight:normal; line-height:60px;
 margin-left:35px; display:inline-block;font-weight:normal;}
.hourtime dd{ display:inline-block; float:right; margin-right:35px; margin-top:13px;}


.setup-time{ display:block; height:208px; padding-top:60px; padding-left:6px;}
.setup-time dt,
.setup-time dd{ display:inline-block; float:left; font-size:28px;  margin:0 5px;height:60px;}
.setup-time dt{ line-height:60px;color:#666;}



/*-----------------*/
.date-display input,
.setup-time-edit .form-control{height:60px;
    border-radius:5px;
    background-color:#f9fafb;
    background-image:-webkit-linear-gradient(top, #f8fafa, #fcfcfc); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
    background-image:linear-gradient(to bottom, #f8fafa, #fcfcfc); /* Chrome 26, Firefox 16+, IE 10+, Opera */
	color:#333; font-size:25px;border:none;
    box-shadow: none;}

.setup-time-edit .form-control {
	width:95px;
}
.setup-time-edit.open .dropdown-toggle {
    box-shadow:none;
}

.setup-time-edit .form-control .caret {
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-top: 12px solid; color:#666;}
.setup-time-edit.open .form-control .caret {
    border-left:9px solid transparent;
    border-right:9px solid transparent;
	border-bottom:12px solid;
    border-top:hidden; color:#1f72cc;}


.setup-time-edit .dropdown-menu{left:0; top:-61px;min-width:95px; border:1px solid #acc9e8; border-radius:5px; padding:0;background:#f9fbfb;max-height:182px;
    overflow-x: hidden;
    overflow-y: auto;}

.setup-time-edit .dropdown-menu > li{ border-bottom:1px solid #d8d9db;}
.setup-time-edit .dropdown-menu > li:last-child{ border-bottom:none;}
.setup-time-edit .dropdown-menu > li > a{ margin:0; text-align:center; display:block; height:60px; line-height:60px;color:#666; padding:0; font-size:28px;}
.setup-time-edit .dropdown-menu > li > a:focus,
.setup-time-edit .dropdown-menu > li > a:hover{background-color:#67a2e1;
  background-image:-webkit-linear-gradient(top, #67a2e1, #4c86c4); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
  background-image:linear-gradient(to bottom, #67a2e1, #4c86c4); /* Chrome 26, Firefox 16+, IE 10+, Opera */ color:#fff;}


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


/*时钟style*/
.timepiece1{ width:150px; margin:0 auto;}

.time_adjust{ width:450px; float:right;}
.time_adjust ul{ width:240px; margin:0 auto;}
.time_adjust ul li{ border-bottom:1px solid #eaeaeb; height:43px; line-height:43px; text-align:center; }
.time_adjust ul li:last-child{ border-bottom:0;}


.datetime_selecte{ padding-top:20px; padding-left:20px;}
.datetime_selecte li{ margin-bottom:5px; width:248px; height:48px; position:relative;}
.datetime_selecte li span{ display:inline-block; position:absolute; right:20px; top:3px;}

.date_day{ float:left; width:660px; padding-left:1px;border-top:1px solid #d8d9db;border-right:1px solid #d8d9db;}
.date_day .timeday{ height:56px;}


.date_main{ float:right; height:456px;border-bottom-right-radius:6px; padding-top:27px; padding-left:20px;border-top:1px solid #d8d9db;}
.date_main .btn_save,
.date_main .btn_save_b{ margin-top:188px;}


/*.date_main .edit_main{ width:242px; height:150px; border:1px solid #d8d9db; box-shadow:0 2px 3px rgba(0, 0, 0, 0.15); border-radius:5px; margin-left:3px;  }

.date_main .edit_main h2{ border-bottom:1px solid #d6d6d7; height:45px; line-height:45px; padding:0 19px; position:relative;}
.date_main .edit_main h2 span{position:absolute; right:19px; top:-3px;}

.date_main .edit_main span{ margin-left:19px; display:inline-block;}*/

.time_zone{ overflow:auto;width:660px; float:left; height:190px; border-right:1px solid #d8d9db;border-bottom:1px solid #d8d9db; margin-bottom:12px;}
.time_zone ul{ padding:10px 0; text-align:center;}
.time_zone li{ height:36px; line-height:36px;font-size:18px;}
.time_zone li a{ display:block; color:#666; }

/*日历表格*/
.timeday dl{top:10px; left:0px;  width:552px; border:1px solid #d8d9db; border-radius:5px; box-shadow:0 2px 3px rgba(0, 0, 0, 0.07);}
.timeday dl dt,
.timeday dl dd{ display:inline-block;}
.timeday dl dt{ margin:0 20px; padding-top:10px;}
.timeday dl dd{ float:left;}
.timeday dl dd input{width:430px;}


.timeday_table{border:1px solid #d8d9db; font-family:Arial;}
.timeday_table th{ border:1px solid #eaeaeb; border-top:0; height:38px; text-align:center; vertical-align:middle; width:93px;}
.timeday_table td{ height:60px; text-align:center; vertical-align:middle;border:1px solid #eaeaeb; font-size:18px;}

.timeday_table td span.bor{ border:1px solid #253243;}
.timeday_table td span{ display:block; width:100%;height:59px; line-height:59px; font-size:18px;}
.timeday_table td p{position:relative; display:block; background:#dcf4fe;}
.timeday_table td p b{position:absolute;display:inline; font-weight:normal; color:#ff445e; line-height:normal; font-size:16px; }
.date_day .timeday_table td p{ height:59px; line-height:59px;}
.date_day .timeday_table td p b{ top:0; left:5px;}

.holiday_date .timeday_table th{ height:41px;}
.holiday_date .timeday_table td{ height:92px;}
.holiday_date .timeday_table td span,
.holiday_date .timeday_table td p{ height:92px; line-height:92px;}
.holiday_date .timeday_table td p b{ top:3px; left:5px;}
.timeday .today{ position:absolute; right:16px; top:13px;}
.timeday .today a{color:#666; font-size:20px;font-family: arial;}
.timeday .today a:hover,
.timeday .today a:focus{ color:#1f72cc;}

.timeday_table th:first-child,
.timeday_table td:first-child{ border-left:0;}
.timeday_table th:last-child,
.timeday_table td:last-child{ border-right:0;}


/*news style*/
.eco-cont {height:594px;overflow-x:hidden;overflow-y:auto; padding:10px 0;-webkit-transform: translateZ(0px);-webkit-overflow-scrolling: touch}
.eco-cont .instal_normal{margin:10px 12px 10px 20px;}

.set-eco-header {
    border-bottom: 1px solid #d8d9db;
    border-top-right-radius: 5px;
    height: 65px;}

.set-eco-header h2 {float: left;margin: 22px 0 0 20px; display:inline-block; color:#666; font-size:20px;}

.set-eco-header .selectmain{ display:inline-block;background:#7a899d; padding:0 10px;float: left;}
.set-eco-header .selectmain li{ display:inline-block;margin:0 10px; font-size:18px;}
.set-eco-header .selectmain li a{ display:inline-block; height:65px; line-height:65px; color:#fff;}

/* .set-eco-header .selectmain li a:hover,
.set-eco-header .selectmain li a:focus, */
.set-eco-header .selectmain li a.curr {color:#1f72cc;}



.cheader_menu{ display:inline-block; margin-top:12px; margin-right:40px;}
.cheader_menu ul li{ display:inline-block;float:right; width:92px;height:45px;text-align:center;position:relative; }
.cheader_menu ul li a{ display:inline-block; color:#666; font-size:20px; width:92px; height:45px; line-height:45px;}
.cheader_menu ul li a:hover{ color:#1f72cc;}
.cheader_menu ul li a.curr{ color:#1f72cc;text-decoration:none;}

/*下拉菜单*/
.dropmenu{ border:1px solid #1f72cc; width:158px; position:absolute; z-index:9;top:55px;right:-30px; 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,
.dropmenu dl dd a:focus{ 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;
}

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

/*==============================*/
.setting_content h1{ height:65px; border-bottom:1px solid #d8d9db; line-height:65px; text-align:left; padding-left:20px; font-size:22px; color:#333; position:relative;}

/*configuration*/
.configuration h2{ padding-bottom:10px;}
.conf-cont{display:block; width:420px; margin:0 auto;}
.conf-cont li{ /*height:105px;*/}

.conf-cont li h3{ font-size:20px; color:#fff; text-align:left; margin-bottom:10px; margin-top:10px;}/*4-26改*/
.conf-cont li input{ width:417px;}/*4-26改*/
.conf-cont li input,
.conf-cont-table dl dd input{height:40px; line-height:40px; padding:0 10px; color:#b5bdc9; border:1px solid #314055; background:transparent; font-size:20px;}/*4-26改*/

.conf-cont li b{ font-weight:normal; color:#ff445e; text-align:left; display:block; padding-top:5px; font-size:16px;height: 28px}

/*4-26新写*/
.conf-cont-table{width:420px; margin:0 auto;height: 96px}
.conf-cont-table b{    font-weight: normal;
    color: #ff445e;
    text-align: left;
    display: block;
    padding-top: 3px;
    font-size: 16px;height: 28px;float: left}
.mt25{ margin-top:25px;}/*8-23*/
.conf-cont-table dl{ width:196px;}
.conf-cont-table dl:nth-child(odd){ float:left;}
.conf-cont-table dl:nth-child(even){ float:right;}

.conf-cont-table dl dt,
.conf-cont-table dl dd{ width:100%; display:block; position:relative;}
.conf-cont-table dl dt{font-size:20px; color:#fff; font-weight:normal; text-align:left; padding:7px 0;}
.conf-cont-table dl dd input{width:196px;}

.conf-cont-table dl dd i.selecte{ background:url(../images/setting/account/input_icon_next_normal.png) no-repeat; width:18px; height:10px;}
.conf-cont-table dl dd i.selecte:hover{ background:url(../images/setting/account/input_icon_next_selected.png) no-repeat;}

.conf-cont-table dl dd.btn-group{ display:block;}
.conf-cont-table dl dd.btn-group .form-control{ box-shadow:none; padding:0 10px; border-radius:0;}
.conf-cont-table dl dd.btn-group .form-control:focus{ border:1px solid #314055;}

/* .conf-cont-table dl dd .dropdown-menu{ border:1px solid #5993d2;max-height:113px; width:196px;border-radius:0; overflow:hidden;overflow-y:auto;} */
.conf-cont-table dl dd .dropdown-menu > li{ margin:0; padding:0; border-bottom: none;}

.conf-cont-table dl dd .dropdown-menu > li > a{ margin:0; display:block; height:50px; line-height:50px;color:#fff; padding:0; padding-left:15px; font-size:20px;} /*8-23*/
.conf-cont-table dl dd .dropdown-menu > li > a:focus,
.conf-cont-table dl dd .dropdown-menu > li > a:hover{background-color:#67a2e1;
  background-image:-webkit-linear-gradient(top, #67a2e1, #4c86c4); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
  background-image:linear-gradient(to bottom, #67a2e1, #4c86c4); /* Chrome 26, Firefox 16+, IE 10+, Opera */ color:#fff;}

.conf-cont-table dl.smtp{ width:239px;float:left;margin-bottom: 2px}/*8-23*/
.conf-cont-table dl.small{ width:80px;float:right; margin-left:10px;margin-bottom: 2px}/*8-23*/
.conf-cont-table dl dd input{width:100%;}/*8-23*/
.conf-cont-table dl dd i{ display:inline-block; position:absolute; right:10px; top:17px; display:inline-block;}/*8-23*/
.conf-cont-table dl dd i{ display:inline-block; position:absolute; right:10px; top:17px; display:inline-block;}/*8-23*/
.conf-cont-table dl dd .dropdown-menu{ border:1px solid #5993d2;max-height:113px;min-width:130px;border-radius:0; overflow:hidden;overflow-y:auto;}/*8-23*/

.font18-f{ clear:both; color:#fff; text-align:center; display:block; font-size:18px; font-weight:normal;padding:20px 0;}
/*system balance setting style*/
.system_text_none{ display:block; line-height:658px; font-size:18px; color:#999; text-align:center; font-family:Arial;}


.dialog-box-container{
  -webkit-box-shadow: 0 0 10px #1e2836;
   box-shadow: 0 0 10px #1e2836;
}
.dialogBtn{padding-top: 0}
.dialogBtn{height: 58px}
.dialog-btn{
  display:none;
}
.dialogBtn span {
    display: inline-block;
    width: 98px;
    height: 42px;
    padding-top: 6px;
    border: 1px solid transparent;
    cursor: pointer;
    font-size: 22px;
    color: #fff;
}
.dialogBtn-confirm {
    margin-right: 40px;
    background: url(../images/history/btn_enter.png) no-repeat 0 1px;
}
.dialogBtn-cancel{
  margin-right: 40px;
  background: url(../images/history/btn_no.png) no-repeat 0 1px;
}
#userRole{
  background-color: transparent !important;
}
.makeSure{margin-bottom: 30px}
.makeSure span{color:#e04646;}
.timeday_table td{position: relative;}
.timeday_table td b{top: 3px;left: 5px;position: absolute;display: inline;font-weight: normal;color: #ff445e;line-height: normal;font-size: 16px;}

/*system balance setting style 8-21*/
.general_row_s{ height:205px; padding-left:48px;font-family: Microsoft Yahei,Arial,Helvetica,sans-serif;/}
.general_row_d{ height:98px; margin-top:10px; padding-left:48px;font-family: Microsoft Yahei,Arial,Helvetica,sans-serif;/}
.general_row_s h3{ font-size:18px; color:#666; padding-top:20px; padding-bottom:10px;}

.sms-checkbox{ margin:30px 0; }
.sms-checkbox p{ margin-right:30px; margin-top:2px;}
.sms-checkbox span,.sms-checkbox2 span{ font-size:18px; color:#666;letter-spacing:2px}

.sms-checkbox2{ padding-top:35px;}
.sms-checkbox2 p{ padding-top:2px; margin-right:30px;}
.sms-inp{border: 1px solid #d8d9db;box-shadow: 0 2px 3px rgba(0, 0, 0, 0.07); width:200px; height:40px; display:inline-block;
    color: #666;
    font-size: 18px; padding-left:10px; padding-right:10px; margin-left:20px;}
.sms-bottom{padding-top:30px; font-size:18px; color:#666;}

/* 8-22 */
/*横条样式*/
input[type=range] {
    -webkit-appearance: none;/*清除系统默认样式*/
    width: 600px;
    border-radius: 10px; /*这个属性设置使填充进度条时的图形为圆角*/
    background: -webkit-linear-gradient(#4a94e5, #5ba5f6) no-repeat, #fff;/*设置左边颜色为#4a94e5，右边颜色为#fff*/
    margin-top: 50px;
    position: relative;
    z-index: 10;
    background-size: 0% 100%
}
/*原始的控件获取到焦点时，会显示包裹整个控件的边框，所以还需要把边框取消*/
input[type=range]:focus {
    outline: none;
}
.rangTrack{
  width: 600px;
  border-radius: 10px; /*这个属性设置使填充进度条时的图形为圆角*/
  background: #fff;/*设置左边颜色为#4a94e5，右边颜色为#fff*/
  position: absolute;
  height: 15px;
  border: 1px solid #eee;
  margin-top: -15px;
  z-index: 0;
}
.lightText{
  width: 110%;
  margin-top: 12px;
}
.lightText li{
  float: left;
  width: 96px;
}
/*拖动块的样式*/
input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;/*清除系统默认样式*/
    height: 26px;/*拖动块高度*/
    width: 26px;/*拖动块宽度*/
    margin-top: -8px; /*使滑块超出轨道部分的偏移量相等*/
    background: #fff;/*拖动块背景*/
    border-radius: 50%; /*外观设置为圆形*/
    border: solid 1px #eee; /*设置边框*/

}

/*轨道的样式*/
input[type=range]::-webkit-slider-runnable-track {
    height: 15px;
    border-radius: 10px; /*将轨道设为圆角的*/
    border: solid 1px #ddd;

}
.configuration hr {
    border-color: #314055;
    margin: 20px 0;
    padding: 0;
    display: block;
    clear: both;
}
.email_popup{
  left:7%;
  top:-210px;
  padding: 20px 10px 24px;
}
#securityIn{
    background: transparent;
    height: 38px;
    border: 1px solid #314055;
    color: #b5bdc9;
    text-align: left;
}
.btn-gray-128:hover{
  text-decoration:none;
}
.btn-blue-128:hover{
  text-decoration:none;
}
#config:hover{
  text-decoration:none;
}
.see{
     display: inline-block;
    float: right;
    cursor: pointer;
    width: 18px;
    height: 10px;
    margin-top: 18px;
    background: url(../images/login/input_icon_see_normal.png) no-repeat;
    position: absolute;
    right: 70px;
}
.see_sel {
    background: url(../images/login/input_icon_see_selected.png) no-repeat;
}
#initMail{
  width: 280px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 10px;
}
.imgContent{
  width:200px;
  height:216px;
  float: left;
  margin: 37px 72px 28px 85px
}
#mCode{
  font-family: "Arial Regular";
  font-size: 20px;
  font-weight: normal;
  color:rgba(255,255,255,0.6);
  text-align:left;
  margin-bottom: 10px;
}
.codeImg{
  width:184px;
  display: block;
}
.codeNumContent{
  float: left;
}
.codeNumContent .code-title{
  margin:70px 0 29px 0;
  font-family: "Arial Regular";
  font-size: 16px;
  font-weight: normal;
  color:rgba(255,255,255,0.6);
  text-align:left;
}
.codeNumContent ul{
  width: 124px;
}
.codeNumContent li{
  float: left;
  margin:0 10px 10px 0;
  font-family: "Arial Regular";
  font-size: 16px;
  font-weight: normal;
  line-height: 14px;
  color:rgba(255,255,255,0.6);
  text-align:left;
}
.advance-info-cont label{
  z-index: 999
}
.inputContent{
   margin: 0 0 29px 72px;

}
#activeCodeInt{
      width: 396px;
    outline: none;
       border: 1px solid #3e516a;
    background: transparent;
    color: rgba(255,255,255,0.6);
    box-shadow: none;
}
.advanceBtn{
  padding: 3px 20px;
  background: -webkit-linear-gradient(#fff, #e7eaed) no-repeat 0px 100%;
  color:#2492ed;
  border: 1px solid #edeaea;
  border-radius: 20px;
  box-shadow: 0px 3px 5px rgba(0,0,0,0.1)
}
.tabContent{
  padding-top: 44px;
  padding-left: 20px;
}
.tabContent .tab{
  width:166px;
  height: 52px;
  background: url(../images/control/newMenu/tab_nor.png) no-repeat center center;
  float: left;
  margin-right: 10px;
  font-size: 20px;
  line-height: 52px;
  text-align: center;
  color:#666;
}
.tabContent .tab.active{
  background: url(../images/control/newMenu/tab_pre.png) no-repeat center center;
  color:#fff;
}
.setRate{
  height: 92px;
  border-top: 1px solid #eee;
  padding-top: 36px;
}
.setRate span{
  display: block;
  float: left;
  width: 70px;
  color:#666;
  font-size: 18px;
  margin-top: -2px;
}
.setRate span.active{
  color:#1f72cc
}
.setRate label{
  float: left;
  margin-left: 18px;
  margin-right: 10px;
}
.alarmReceive{
  border-top:1px solid #eee;
  position: relative;
  height: 462px
}
.alarmReceive .edl-box{
  padding-top: 26px;
  height: 382px;
  overflow-y:scroll;
}
.alarmReceive li{
  margin: 0 auto 20px !important;
  float: none
}
.addReceiveBtn{
  position: absolute;
  padding-left: 0;
  text-align: center;
  padding-bottom: 0;
  bottom: 18px;
  left: 114px;

}
.addReceiveBtn a{
    margin-right: 0;
}
#showAddEmail{
  height: 398px;
  width: 562px;
  position: absolute;
  display: none;
  left: 176px;
  top: 100px;
  z-index: 1002
}
#showAddEmail h2{
  font-size: 26px;
  color:#Fff;
  border-bottom: 1px solid #3e516a;
  height: 52px;
  margin-bottom: 0;
}
#showAddEmail .nav{
  height: 182px;
  overflow-y: scroll;
  /* border-bottom: 1px solid #3e516a; */
}
.emailList,.fileList{
  height: 60px;
    line-height: 60px;
    padding-left: 100px;
    color: #fff;
    font-size: 20px;
    text-align: left;
    border-bottom: 1px solid #3e516a;
}

.emailList:hover{
  background-color: #2492ed
}
.sel{
  display: block;
  background: url(../images/control/newMenu/multi-selectoff.png) no-repeat center center;
  height: 24px;
  width: 24px;
  float: left;
  margin: 18px 20px 0 0;
}
.selF{
  margin-right: 10px;
}
.sel.active{
  background: url(../images/control/newMenu/multi-selecton.png) no-repeat center center;
}
.fileList.active{
  color:#51c6f8;
  background:  url(../images/installation/bg_black.png) no-repeat;
}
.wireBtn{
  width: 400px;
background: transparent;
border: none;
height: 46px;
text-align: left;
font-size: 20px;
color: #b5bdc8 !important;
  box-shadow: none !important;
}
.wireBtn .caret{
  border-top: 6px solid;
border-right: 6px solid transparent;
border-left: 6px solid transparent;
position: absolute;
top: 22px;
right: 20px
}
.btn-group.open .dropdown-toggle.wireBtn{
  box-shadow: none;
  background: transparent
}
.wireBtn:hover,.wireBtn:active,.wireBtn:focus{
  background: transparent;color: #b5bdc8
}
/*进度条*/
.progress-out {
    position: relative;
    border: 1px solid #3e516a;
    background-color: #3e516a; margin:55px auto 25px; border-radius:50px;
}

.progress-in {
    position: absolute;
    height: 100%;
    width: 0%;
    border: none;
	background-color: #51c6f8;border-radius:50px;
    text-align: center;
    color: #fff;
    z-index: 1;
}

.percent-show {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color: #000;
    text-align: center;
    z-index: 2;border-radius:50px;
}

.percent-show span{ display:inline-block; position:absolute; top:-35px; left:127px; color:#51c6f8; font-size:20px;}