/* 定义 */
/*.flex-def {
    display: -webkit-box; // 老版本语法: Safari, iOS, Android browser, older WebKit browsers.
    display: -moz-box; // 老版本语法: Firefox (buggy) 
    display: -ms-flexbox; // 混合版本语法: IE 10 
    display: -webkit-flex; // 新版本语法: Chrome 21+ 
    display: flex; // 新版本语法: Opera 12.1, Firefox 22+ 
*/
body{
	font-size: 16px;
  margin: 0 auto;
  background: url("../../Image/Commom/a11.png") no-repeat;
  background-size: 100% 100%;
  background-attachment:fixed;
  /*min-width:1440px;*/
}
body img
{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#app{
	width: 100%;
	height: 100%;
	margin: 0 auto;
}
#header{
  width: 100%;
  height: 7.7vh;
  background-color:#fdfdfd;

  display: flex;
    justify-content: space-between;

}
.bottomSign {
    text-align: center;
    position: fixed;
    bottom: 27px;
    margin: 0 auto;
    font-size: small;
    font-family: unset;
    left: 50%;
    margin-left: -182px;
}
.bottomSign1 {
    text-align: center;
    position: fixed;
    bottom: 6px;
    margin: 0 auto;
    font-size: small;
    font-family: unset;
    left: 50%;
    margin-left: -9px;
}


#header-left {
    /*width: 40%;*/
    height: 7.5vh;
    /*position: absolute;*/
}
#header-right{
  height: 7.5vh;
}
#logo{
  width: auto;
  height: 7vh;
  line-height: 75px;
  margin-left: 5%;
}
.ul-8 {
    width: 100%;
    height: 8vh;
    margin: 0 auto;
    /*padding: 2%;*/
}
    .ul-8 li {
        margin-right: 2vw;
        float: left;
        list-style: none;
        /*height: 4vh;*/
        line-height: 8vh;
    }
    .ul-8 li a {
         color: #089b5ecf;
         text-decoration: none;
         font-size: 15px;
         text-shadow: 0px 0px 7px #8cff7e;
         /* font-family: cursive; */
         font-family: Segoe UI,SegoeUI,Helvetica Neue,Helvetica,Arial,sans-serif;
         font-weight: 600;
         text-rendering: optimizeLegibility;
         -webkit-font-smoothing: antialiased;
         background-color: white;
    }
.ul-8 li a:hover{
	text-decoration: none;
}
#content{
	width: 100%;
	height: auto;
	margin:0 auto;
}
#left{
	width: 40%;
	height: auto;
	position: absolute;
	float: left;
}
.niu{
	width: 80%;
	height: auto;
	margin-top: 7em;
    margin-left: 10%;
}
.tai{
    width: 10vw;
}
#wrapper-bottom{
	width: 75%;
    margin-top: 3%;
    margin-left: 10%;
	height: auto;
	  display: flex;
  justify-content:space-between;
}
#wrapper-bottom img{
  width: 6vw;
  height:auto;
  margin: 0 auto;
  padding: 0 ;
  text-align:center;
    display: block;
}
.kwh{
	width: 10vw;

}
.server{
	width: 10vw;
	
}
.time{
	width: 10vw;

}
#w1 p{
	margin-bottom: -2px;
	text-align: center;
}
.w1{
	width:100%;
	height: 4vh;
	margin-top: 1em;
  text-align: center;
  font-family:SimHei;
  color: #4A8DB4;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.w1 p:nth-child(2){
    font-size: 1.5rem;
    font-weight: bold;
}

#sidebar{
    margin: 0 auto;
    text-align:center;
    width: 300px;
    height: auto;
    clear: both;
    float: right;
    margin-right: 5%;
    margin-top:5%;
}

#wrapper-right{
    width: 100%;
    margin-top: 2em;
    background: #74a7c2;
    /* background: url(../../Image/Commom/a14.png) no-repeat; */
    border-radius: 15px;
    padding: 20px;
    padding-bottom: 35px;
    height: auto;
    margin-bottom: 1%;
}
#inp{
    height: 20px;
    margin-bottom: 20%;
}
 h1{
  font-size:1.5rem;
  text-align: center;
  padding: 0.625em;
  text-align:center;
     font-family: '微软雅黑';
}
#p1{
  float: left;
    margin-left: 12%;
  font-family: Aharoni;
  color: white;
  font-size: 1rem;
}

.error{
color:red;
font-size: 0.625rem;
height: 1vh;
text-align: right;
margin-bottom: 1em;
}
.ivu-switch {
    float:right;
    float: right;
    margin-right: 15%;
}
.ivu-form-item-content{
    margin:0 auto;
}
.ivu-btn{
    width: 240px;
    height: 40px;
    border-radius: 15px;
    margin: 0px auto;
    margin-bottom: 15%;
    font-size: 18px;
    box-shadow:0px -2px 2px #3171c2 ;
}
.ivu-input-default{
    border-radius: 10px;
    height: 40px;
    border: none;
    box-shadow:0px -2px 2px #2F6296 ;
    background-color: #527DA7;
    padding-left: 35px;
    color: white;
}
.ivu-icon{
    left: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 24px;
    text-align: center;
     color: white;
    position: absolute;
    right: 0;
    z-index: 3;
}
[v-cloak] {
    display: none;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
    box-shadow:0 0 0 60px #60647a inset;
}