body{font:12px / 1.5 "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif; background: #f2f2f2;  }
@font-face {
    font-family: cloudcmf;
    src: url(../font/iconfont.eot);
    src: url(../font/iconfont.eot?#iefix) format('embedded-opentype'), url(../font/iconfont.woff) format('woff'), url(../font/iconfont.ttf) format('truetype'), url(../font/iconfont.svg#iconfont) format('svg');
}
.cloudcmf-icon {  font-family: cloudcmf !important;  font-size: 16px;  font-style: normal;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale  }
.user_container{width: 1226px;margin: 0 auto;}
.user_hand{ background: #FFF}
.user_logo{padding: 20px 0px;}
.login_banner{height: 600px;}
.user_bottom{  width:100%;color: #999; font-size: 14px; text-align: center; padding: 30px 0px; line-height: 24px; background: #FFF}
.login_content{height: 600px;margin: 0 auto;position: relative;}
.fixedbottom{position: fixed;  bottom: 0;}
.login_content_main{background: #fff;position: absolute;right: 0;top: 106.5px;width: 345px;z-index: 10;-webkit-box-shadow:0 15px 30px rgba(0,0,0,0.1);z-index: 2;box-shadow:0 5px 30px rgba(0,0,0,0.1);}
.loginWrap{padding: 25px; overflow: hidden;}
.loginWrap h1{ font-size: 20px; color: #4C4C4C;}
.login_item{border: 2px solid #e6e6e6;margin-bottom: 18px; height: 44px;}
.login_item i{ font-size: 18px; color: #CCCCCC;     vertical-align: middle; margin-left: 5px;}
.login_item input{background: none;border: 0;font-size: 14px;margin: 8px 4px 3px;outline: none;width: 230px; padding: 6px 7px; color: grey;}
.login_item:nth-of-type(1) i {
	line-height: 45px;
}
.login_item .layui-form-select {float: left;}
.login_item .layui-form-select input{width: 260px;margin-top: 4px;}
.login_form{ padding-top: 20px;}
.login_form .on{border: 2px solid #009688;}
.fl{ float: left;}
.fr{ float: right;}
.clearfix:after{ height:0; line-height:0; font-size:0; display:block; visibility:hidden; clear:both; content:"."}
.clearfix{ *zoom:1}
.login_text{padding-bottom: 20px;}
.login_form .layui-btn{ width: 100%;}
.login_o{ padding-top: 20px; color: #333;}
.login_o a i{ font-size: 28px; color:#646464}
.registered{width: 550px;margin:80px auto; background: #FFF; padding: 50px;-webkit-box-shadow:0 15px 30px rgba(0,0,0,0.1);z-index: 2;box-shadow:0 5px 30px rgba(0,0,0,0.1);}
.login_in .login_item{ width: 350px;float: left;}
.login_in .captcha{float: left; margin-left: 10px;}
.login_in .captcha a{ display: block}
div.layui-form-danger{border:2px solid #FF5722 !important}

body .disabled{pointer-events: none;  cursor: not-allowed;  filter: alpha(opacity=65);  -webkit-box-shadow: none;  box-shadow: none;  opacity: .65; background: #A1A1A1; }
body .disabled:hover{background: #A1A1A1; }
.registered .title{ font-size: 24px; color: #646464}
.user_main{ margin: 20px auto; position: relative;  width: 1226px;  min-height: 600px;}
.user_main .layui-nav{background: #FFFFFF;   position: absolute;  left: 0;  top: 0;  z-index: 1000;  height: 100%;  }
.user_main .layui-nav-tree .layui-nav-child a{ color: #646464}
.user_main .layui-nav-tree li{ border-bottom: #e7e7e7 solid 1px}
.user_main .layui-nav-tree .layui-nav-child a:hover{ color: #009688}
.user_main .layui-nav-itemed>a{    background-color:#f6f6f6!important;  color: #009688!important; font-size: 16px}
.user_main .layui-nav-itemed>a i{ font-size: 18px; margin-right: 5px}
.user_main_right{margin: 6px 0 10px 225px;}
.user_main_page{ background: #ffffff; }
.user_nav_avatar{ padding-bottom: 30px;border-bottom: #e7e7e7 solid 1px}
.user_nav_avatar .avatar{display: block;  width: 100px;  height: 100px;  border-radius: 50%;  margin: 30px auto 0;  border: 1px solid #e7e7e7;  padding: 5px;}
.user_nav_avatar .avatar img{width: 100px;  height: 100px;  display: block;  border-radius: 50%;}
.user_nav_avatar .name{ text-align: center; color: #646464}
.user_main .layui-nav-tree .layui-nav-child dd a{ padding-left: 42px}