body{ color:#333; font-size:13px;}
input,select,textarea{color:#333; }
/********头部******/
.header{height:70px; overflow:hidden; background:url(../img/bg.jpg) no-repeat 0 -1000px; }
.head-l{ float:left; margin-left:15px; height:50px; }
.head-l h1{ display:inline-block; font-size: 1rem; margin-right: 300px;}
.head-l .button{ display:inline-block; padding:8px 15px;  margin-right:20px; margin-bottom: 10px;}
.head-l .bg-blue:hover{ background-color:#03b6fd;}
.topnav{height:50px; background:#0099E3; padding-left:230px;font-weight:bold; color: #FFF; line-height:50px;}

.userinfo{ margin:10px auto; list-style:none;}
.userinfo li{ color:#F30;list-style:none;line-height:30px; margin:5px; border-bottom:1px dotted #EDB07A;}
.userinfo li span{ color:#000; font-weight:bold; width:40%; text-align:right; display:inline-block;}
.userhead{ display:block; margin:5px auto;height:100px;width:100px; overflow:hidden;border-radius:10px;-moz-border-radius:10px;}
.userhead img{width:100px;height:100px;}

/*cloud*/

#mainBody {width:100%;height:100%;position:absolute;z-index:-1;}
.cloud {position:absolute;top:0px;left:0px;width:100%;height:100%;background:url(../img/cloud.png) no-repeat;z-index:1;opacity:0.5;}
#cloud2 {z-index:2;}
/*login*/
.logintop{height:47px; position:absolute; top:0; background:url(../img/loginbg1.png) repeat-x;z-index:100; width:100%;}
.logintop span{color:#fff; line-height:47px; background:url(../img/loginsj.png) no-repeat 21px 18px; text-indent:44px; color:#afc5d2; float:left;}
.logintop ul{float:right; padding-right:30px;}
.logintop ul li{float:left; margin-left:20px; line-height:47px;}
.logintop ul li a{color:#afc5d2;}
.logintop ul li a:hover{color:#fff;}
.loginbody{background:url(../img/loginbg3.png) no-repeat center center; width:100%;display: flex;flex-direction: column;justify-content: center;align-items: center; height:80%; overflow:hidden;z-index:100; }
.frombox{width:600px;height:400px;display:flex;flex-direction: column;justify-content: center;align-items: center;}
.frombox h1{width:100%;font-size: 72px;color: #fff; text-align: center;height:200px;line-height:200px;display: block;}
.loginuser{width:342px; height:35px; background:url(../img/loginuser.png) no-repeat; border:none; line-height:35px; padding-left:44px; font-size:14px; font-weight:bold;margin-bottom: 20px; overflow:hidden;}
.loginuser input{background:none;height:34px; border:none;width:99%;}
.loginpwd{width:342px; height:35px; background:url(../img/loginpassword.png) no-repeat; border:none;line-height:35px; padding-left:44px; font-size:14px;font-weight:bold; color:#90a2bc;margin-bottom: 20px; overflow:hidden;}
.loginpwd input{ background:none; height:34px;border:none;width:99%;}
.loginbtn{width:111px;height:35px; background:url(../img/buttonbg.png) repeat-x; font-size:14px; font-weight:bold; color:#fff;cursor:pointer; line-height:35px; border:none;}
.loginbm{height:50px; line-height:50px; text-align:center; background:url(../img/loginbg2.png) repeat-x;position:absolute; bottom:0; width:100%; color:#fff;}
.loginbm a{font-weight:bold;color:#fff;}
.loginbm a:hover{color:#fff;}
.btnbox{width:342px; height:35px; position:relative;}
.btnbox label{height:35px;line-height: 35px;position:absolute;right:10px;}
/*登录提示*/
.yzm{width:342px; height:46px; background:url(../img/yzmbg.png) no-repeat; padding-bottom:5px;margin-bottom: 20px;font-weight:bold; position:relative;}
.yzm span{display:block; float:left;width:192px; height:46px;}
.yzm span input{background:none; border:none; width:192px; height:46px; line-height:46px;padding-left:44px;font-size:14px; color:#fff;}
.yzm cite{width:150px;height:46px; line-height:46px; font-size:18px; color:#fff; text-align:center; overflow:hidden;position: absolute;right:0px; }
.yzm cite img{height:46px;position: absolute;right:0px;}