* {
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
}

/*清除浮动*/
.clearfix:before, .clearfix:after {
    content: "\0020";
    height: 0;
    overflow: hidden;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}


/*登录*/
.wrraper{width:100%;height:100%;position:relative;}
.login-header{width:100%;position: relative;height:98px;}
.login-header img{ width: 500px;position:absolute;margin-left:-250px;left:50%;top:50%;margin-top:-22px}

.main-box{background: #dcf4fd; height:448px;width:100%;}
.login-box{width: 1100px;height:100%;margin:0 auto;}
.login-form-left{float: left;}
.login-form-left img{margin-top:35px;}
.login-form{width:380px;height:360px;float: right;background: #fff;margin-top:44px;box-shadow: #b6ced6 0px 0px 16px;-webkit-box-shadow: #b6ced6 0px 0px 16px; -moz-box-shadow: #b6ced6 0px 0px 16px;}
.login-form h1{width:284px; height:68px; margin:0 auto;display: block;padding:0;}
.login-form h1 img{margin:24px auto;}
.login-form div,.login-form p {width:330px;height:44px;margin:12px auto;position:relative;}
.login-form div input{width:330px;height:42px;line-height:42px;border:#dcdcdc solid 1px;padding-left:30px;box-sizing: border-box;}
.login-form div img{position:absolute;width:18px;height:18px;left:6px;top:50%;margin-top:-9px;}
.remember label{position:relative;display: block;float:right;width:84px;height:42px;}
.remember em{font-style:normal;line-height: 42px;display: block;float:left;}
.remember label input{width:16px;height:16px;position:absolute;top:50%;margin-top:-8px;left:0;}
.remember label span{display: inline-block;line-height: 40px;font-size:14px;left:24px;position:absolute}
.yzm{ display: flex;flex-direction: row;justify-content: space-between;align-items: center;width:285px;}
.yzm input {width:160px; height:42px;height:42px;line-height: 42px;border-radius: 4px;border:#ddd solid 1px;outline: none;padding:0 12px; box-sizing: border-box;}
.login-form button{cursor:hand; width:330px;margin:24px auto;background:#4390ff;outline: none;height:42px;line-height: 42px;border-radius: 4px;border:none;color:#fff;margin:0 auto;display: block;}
.tips{color:#f00;font-size:14px;}
.loading{width:130px;padding:0 100px;}
.loading img{margin:9px 0;display:block; float: left;}
.loading span{display: block;line-height: 42px;}

.top-header {
    background: #293943;
    width: 100%;
    height: 100%;
    padding-top: 6px;
}

.left-box {
    float: left;
    margin-left: 4px;
    position: relative;
}

.left-box span {
    font-size: 24px;
    font-weight: bold;
    color: #fff;
}

.left-box em {
    font-weight: bold;
    display: inline-block;
    /* height: 72px; */
    line-height: 28px;
    text-align: center;
    color: #fff;
    /* 	padding: 8px 16px; */
    font-size: 17px;
    float: left;
    font-style: normal;
}

.left-box .anniu {
    display: inline-block;
    width: 32px;
    height: 80px;
    position: relative;
    background: #0c4452;
    margin: -14px 17px;
}


.left-box .logo {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 192px;
    float: left;
    border-bottom: 2px solid #019bbd;
}

.left-box .title {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    float: left;
    /* border-bottom: 2px solid #019bbd; */
}

.left-box .logo-collapse {
    width: 0px;
    padding: 0px;
}

.left-box .anniu:hover {
    background: #0195b7;
    cursor: pointer;
}

.left-box .anniu i {
    display: block;
    width: 24px;
    height: 24px;
    margin: 25px 4px;
}


.left-box .logo-collapse em {
    display: none;
}

.left-box .logo-collapse .anniu {
    width: 50px;
    margin-left:-14px;
}

.left-box .logo-collapse .anniu i {
    margin: 31px 14px;
}

.right-box {
    float: right;
    margin-right: 2px;
    margin-top: -13px;
}

.top-header ul {
    height: 20px;
    padding: 16px;
    display: inline-block;
    float: left;
}

.top-header ul li {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    margin-right: 12px;
    position: relative
}

.top-header ul li span {
    position: absolute;
    width: 20px;
    height: 20px;
    /*font-size: 12px;*/
    /*background: url(../image/nav/circle.png) no-repeat;*/
    top: -12px;
    right: -12px;
    color: #fff;
    text-align: center;
    line-height: 20px;
}

.top-header ul li i {
    font-size: 18px;
    color: #fffdfe;
    border: none;
}

.top-header ul li a:hover i {
    color: #dfd4d4;
}

.right-box .mrtx {
    width: 24px;
    height: 24px;
    border: none;
    display: inline;
    vertical-align: middle;
}

.xinxi {
    height: 24px;
    margin: 12px 0;
    display: inline-block;
    float: left;
}

.xinxi .name {
    display: inline-block;
    vertical-align: top
}

.xinxi img {
    width: 24px;
    height: 24px;
}

.name {
    font-size: 12px;
    color: #fff;
    line-height: 24px;
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

.xiala {
    display: inline-block;
    width: 24px;
    height: 24px;
}

.logout {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    width: 24px;
    height: 24px;
    margin: 12px;
    margin-left: 18px;
}

.logout i {
    padding-top: 2px;
    font-size: 18px;
    color: #d4c6bd;
}

.logout a:hover i {
    color: #feb298;
}


.backsys {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    width: 24px;
    height: 24px;
    margin: 12px;
    margin-left: 18px;
}

.backsys i {
    padding-top: 2px;
    font-size: 18px;
    color: #feb298;
    margin-top: -5px;
}

.backsys a:hover i {
    color: #feb298;
}

.dy-download-title, .dy-download {
    font: 18px 微软雅黑;
    line-height: 24px;
    vertical-align: middle;
}

.dy-download-title {
    text-align: right;
    float: left;
    width: 250px;
}

.dy-download-content {
    text-align: left;
    float: left;
}

.dy-download {
    text-align: left;
}

.dy-download:link {
    color: blue;
}

.dy-download :visited {
    color: red;
    text-decoration: underline;
}

.dy-download :hover {
    color: yellow;
    text-decoration: underline;
}

.dy-download :active {
    color: white;
    text-decoration: underline;
}

.dy-download-row {
    clear: both;
}


.log-top-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: rgba(80,199,246,.35);
    width: 100%;
    height: 100%;

}

.header-bg{
    width:100%;
    height:100%;
    height:100%;
    background: linear-gradient(to left,#053b79,#05aae4)
}


.log-top-header ul {
    height: 20px;
    padding: 16px;
    display: inline-block;
    float: left;
}

.log-top-header ul li {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    margin-right: 12px;
    position: relative
}

.log-top-header ul li span {
    position: absolute;
    width: 20px;
    height: 20px;
    /*font-size: 12px;*/
    /*background: url(../image/nav/circle.png) no-repeat;*/
    top: -12px;
    right: -12px;
    color: #fff;
    text-align: center;
    line-height: 20px;
}

.log-top-header ul li i {
    font-size: 18px;
    color: #fffdfe;
    border: none;
}

.log-top-header ul li a:hover i {
    color: #dfd4d4;
}

.fa-arrow-circle-left:before{
    font-size:28px;
}

#lan1{ width:100%; height:67px; float:left; z-index:99;position:relative;}
#lan1 .shangb1{ width:16px; height:13px; float:left; margin:0px 3px 0px 610px; display:inline;}
#lan1 .wenzi1{ width:24px; height:14px; float:left; margin:0px 3px 0px 0px; display:inline;}
#lan1 .shangb2{ width:12px; height:15px; float:left; margin:0px 5px 0px 6px; display:inline;position: relative;top: 3px;}
#lan1 .wenzi2{ height:14px; float:left; margin:0px 3px 0px 0px; display:inline-block;}
#lan1 .wenzi3{ width:48px; height:14px; float:left; margin:0px 3px 0px 0px; display:inline;}
#lan1 .shangb3{ width:14px; height:15px; float:left; margin:0px 3px 0px 6px; display:inline;}
#lan1 .shangb4{ width:15px; height:16px; float:left; margin:0px 3px 0px 6px; display:inline;}
#lan1 .shangb5{ width:14px; height:14px; float:left; margin:0px 3px 0px 6px; display:inline;position: relative;top: 3px;}
#lan21{ width:335px; height:30px; float:left; }
.more-list span{display: flex;color: #ffffff;justify-content: center;align-items: center;height: 37px;line-height: 37px;position: relative; width:100px;}
.more-list span a{color: #ffffff;padding-left:6px;font-size:14px}
.more-list span a:hover{color: #ffef00; text-shadow: #f8f8f8 0px 0px 6px;}

.gongneng-list{display: flex; flex-direction: row;justify-content: flex-start;align-items:flex-start;position:relative;margin-bottom: -1px;}
.gongneng-list ul {padding: 1px 12px 0 12px; margin-bottom: -3px; display: flex;flex-direction: row;justify-content: flex-start;align-items: center;}
.gongneng-list ul li{color: #ffffff;display: flex;flex-direction:row;justify-content:center;align-items:center;height:30px;line-height: 30px;position: relative;margin-right:8px;}
.gongneng-list ul li a{color: #ffffff;display: inline-block;font-weight:bold;padding-left:0px;flex:1;min-width:60px;font-size:14px;}
.gongneng-list ul li a i{width:22px;display: inline-block;text-align: center;}
.gongneng-list ul li,.moreBox li{padding:0 10px 0 6px;}
.gongneng-list ul li a:hover{color: #1E9FFF;}
.current,.gongneng-list ul li:hover{background: #F5F5F5; color: #1E9FFF; border-radius: 5px 5px 0 0; z-index:1000;-moz-box-shadow: #f6f6f6 0px 0px 6px; -webkit-box-shadow:#f6f6f6 0px 0px 6px; box-shadow:#f6f6f6 0px 0px 6px;}
.current a,.current i{color: #1E9FFF!important;}

.moreBox{position:fixed;left:1054px;top:74px;-moz-box-shadow:2px 2px 5px #a6a6a6; -webkit-box-shadow:2px 2px 5px #a6a6a6; box-shadow:2px 2px 5px #a6a6a6;}
.moreBox{width:130px;background: #f1edf2;flex-direction: column;justify-content: center;align-items: center;z-index:9999999999999;border: #c0c0c8 solid 1px; border-radius:4px;}
.moreBox li{color: #434246;font-weight:bold;display: flex;flex-direction: row;justify-content:center;align-items:center;height:37px;line-height: 37px;position: relative;}
.moreBox li a{color: #434246;font-size:14px;}
.moreBox li a i{width:24px;display: inline-block;text-align: center;}
.moreBox li:hover{color: #1E9FFF;background: #dedadf;cursor: pointer;}
.moreBox li a:hover{color:#1E9FFF;cursor: pointer;}