@charset "utf-8";
html{height: 100%;}
body{
    /*background-color: #e5ecf5;*/
    /*background: url(../images/banner.jpg) no-repeat; background-size: 100% ;*/
    /*background: #63c0e1;*/
    /*background: linear-gradient(-150deg, #4ad8c3, #83a2f1);height: 100%; overflow: hidden;*/
   /* background: #fff url(../images/bg_mcm.jpg) no-repeat center;*/
    height: 100%;
    position: relative;
    overflow: hidden;
    background-size: cover;
}
body:before {
   /* content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;*/
  /*  background: url(../images/bg.png) center center repeat;
    opacity: .3;*/
    /*z-index: 1;
    -webkit-transition: all .47s;
    -moz-transition: all .47s;
    -o-transition: all .47s;
    transition: all .47s;*/
}
*{
    margin: 0;
    padding: 0;
}

.l_float {
    float: left;
}
.r_float {
    float: right;
}
.l_clear {
    clear: left;
    display: block;
    overflow: hidden;
    content:"";
}
.r_clear {
    clear: right;
    display: block;
    overflow: hidden;
    content:"";
}
.b_clear {
    clear: both;
    display: block;
    overflow: hidden;
    content:"";
}
.show {
    display: block;
}
.hidden {
    display: none;
}

header{
    background-color: #fff;
}
header>nav{
    width: 1200px;
    margin: 0 auto;
    /* background-color: orange; */
    padding: 10px 0;


}
nav>.nav_logo,nav>.nav_logo>img{
    height: 40px;

}
nav>.nav_link>ul>li{
    float: left;
    list-style: none;
    line-height: 40px;
    margin-right: 10px;

}
nav>.nav_link>ul>li>a{
    color: #333;
    text-decoration: none;

}

nav>.nav_link>ul>li>a:hover{
    color: #1896ea;
}

nav>.nav_link>ul>li:last-child{
    margin-right: 0;
}

.container>.login_body{
    width: 33%;
    /* width: 924px;*/
    position: relative; z-index: 2;
    left: 50%; margin-left: -16.5%;
    margin-top: 4%;
}
.container>.login_body>.login_form{
    /* width: 416px;*/
    width: 100%;
    height: 460px;
    /*height: 504px;*/
    background:url(../images/login-bg.png) top center no-repeat;
    background-size: 100%;
}

.container>.login_body>.login_form>.login_top,
.container>.login_body>.login_form>.login_con{
    /* background-color: #fff;*/
}

.container>.login_body>.login_form>.login_top{
    padding: 10px 15% 10px 15%;
    /* padding: 20px 15% 10px 15%;*/
    border-top-left-radius: 10px;
}
.container>.login_body>.login_form>.login_top>img{
    height: 40px;
}
.container>.login_body>.login_form>.login_top>.login_tags{
    /*    border-bottom: 2px solid #d9d9d9;*/
    /* padding: 10px 0 0;*/
    padding: 0;
    padding-top: 80px;
    text-align: center;
    font-size: 26px;font-weight: bold; color: #fff;
    letter-spacing: 7px;

}

.container>.login_body>.login_form>.login_top>.login_tags{
    /* margin: 10px 0 20px 0; */

}

.container>.login_body>.login_form>.login_top>.login_tags>span{
    padding: 10px;
    text-align: center;
    width: 50%;
    box-sizing: border-box;
    border-bottom: 1px solid #d9d9d9; cursor: pointer;
}

.container>.login_body>.login_form>.login_top>.login_tags>.active{
    /*border-bottom: 2px solid #703EFF;*/
    background: url(../images/line.jpg) center 39px no-repeat; font-weight: bold; color: #0092e7;
}
.container>.login_body>.login_form>.login_con{
    padding: 20px 19%;
    border-bottom-left-radius: 10px;
}
.container>.login_body>.login_form>.login_con>div{
    border: 1px solid #1d90c5;
    margin-bottom: 15px;
    background: rgba(11,116,180,0.8);
    position: relative;
}
.container>.login_body>.login_form>.login_con>div.b_clear{ border: 0; background: none;}

.container>.login_body>.login_form>.login_con>div>img{
    width: 18px;
    position: absolute;
    bottom: 13px;
    left: 12px;
}

.container>.login_body>.login_form>.login_con>div>.tips{
    position: absolute;
    bottom: 0px;
    font-size: 12px;
    right: 0;
    color:#0092e7;
}

.container>.login_body>.login_form>.login_con>.submit>.tips{
    text-align: center;
    bottom: -3px;
    left: 0;
}
.container>.login_body>.login_form>.login_con>div i{ position: absolute;right: 10px;top:15px; color: #fff;opacity: 0.7;}
.container>.login_body>.login_form>.login_con>div>label{
    font-size: 14px;
}

.container>.login_body>.login_form>.login_con>div>input{
    display: block;

}

.container>.login_body>.login_form>.login_con>div>input[type=text],
.container>.login_body>.login_form>.login_con>div>input[type=password],
.container>.login_body>.login_form>.login_con>div>button[type=button]{
    padding: 0 20px 0 40px;
    outline: none;
    height: 45px;
    /* width: 205px;*/
    width: 100%;
    border: none;
    background: transparent;
    color: #FFF;
    font-size: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    /*    position: relative;*/
}
.container>.login_body>.login_form>.login_con>div>input[type=text]::-webkit-input-placeholder,
.container>.login_body>.login_form>.login_con>div>input[type=password]::-webkit-input-placeholder,
.container>.login_body>.login_form>.login_con>div>button[type=button]::-webkit-input-placeholder{
    color: #fff;
}
.container>.login_body>.login_form>.login_con>div>input[type=text]:-moz-placeholder,
.container>.login_body>.login_form>.login_con>div>input[type=password]:-moz-placeholder,
.container>.login_body>.login_form>.login_con>div>button[type=button]:-moz-placeholder{
    color: #fff;
}
.container>.login_body>.login_form>.login_con>div>input[type=text]::-moz-placeholder,
.container>.login_body>.login_form>.login_con>div>input[type=password]::-moz-placeholder,
.container>.login_body>.login_form>.login_con>div>button[type=button]::-moz-placeholder{
    color: #fff;
}
.container>.login_body>.login_form>.login_con>div>input[type=text]:-ms-input-placeholder,
.container>.login_body>.login_form>.login_con>div>input[type=password]:-ms-input-placeholder,
.container>.login_body>.login_form>.login_con>div>button[type=button]:-ms-input-placeholder{
    color: #fff;
}


.container>.login_body>.login_form>.login_con>div>#auth_code{
    width: 90px;
    font-size: 22px;
    padding-right: 4px;
}
.container>.login_body>.login_form>.login_con>div>.auth_code{
    height: 42px;
    margin-top: 10px;
    margin-left: 4px;
    width: 114px;
    outline: none;
    border: none;
    border-bottom: 2px solid #0092e7;
    background-color: #fff;

}

.container>.login_body>.login_form>.login_con>div>button[type=button]{
    background-color: #1896ea;
    background: -webkit-linear-gradient(left,#4cbcff,#14a7ff) no-repeat;
    background: -webkit-linear-gradient(left,#4cbcff,#14a7ff) no-repeat;
    background: -o-linear-gradient(left,#4cbcff,#14a7ff) no-repeat;
    background: -moz-linear-gradient(left,#4cbcff,#14a7ff) no-repeat;
    background: linear-gradient(left,#4cbcff,#14a7ff) no-repeat;
    /*width: 129px;*/
    width: 49%;
    border-top-left-radius: 50px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 50px;
    border-bottom: none;
    cursor: pointer;
    font-size: 16px;
    color: #fff;
    text-align: center;
    font-weight: bold;  float: left; opacity: 1;
    margin-top:0;
    margin-top: 20px;

}
.container>.login_body>.login_form>.login_con>div>button.login-sub[type=button]{ margin-left: 2px;
    background: -webkit-linear-gradient(left,#14a7ff,#0098f2) no-repeat;
    background: -webkit-linear-gradient(left,#14a7ff,#0098f2) no-repeat;
    background: -o-linear-gradient(left,#14a7ff,#0098f2) no-repeat;
    background: -moz-linear-gradient(left,#14a7ff,#0098f2) no-repeat;
    background: linear-gradient(left,#14a7ff,#0098f2) no-repeat;
    border-top-left-radius: 0;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    border-bottom-left-radius: 0;
}

.container>.login_body>.login_form>.login_con>div>button[type=button]:hover{
    opacity:0.9;
}

.container>.login_body>.login_form>.login_con>div>a{
    font-size: 12px;
    line-height: 40px;
}

.container>.login_body>.login_form>.login_con>.qr_code{
    text-align: center;
}
.container>.login_body>.login_form>.login_con>.qr_code>img{
    width: 140px;
}

.container>.login_body>.login_form>.login_con>.qr_code>p{
    font-size: 12px;
    margin-top: 10px;
}

.container>.login_body>.login_form>.login_otherAccount{
    padding: 12px 20px;
    font-size: 12px;
    border-top: 1px solid #d9d9d9;
    background-color: #fafbfc;
    border-bottom-left-radius: 10px;

}
.container>.login_body>.login_form>.login_otherAccount>span{
    margin-right: 4px;

}

.container>.login_body>.login_form>.login_otherAccount>a{
    margin-right: 2px;
}
.container>.login_body>.login_form>.login_otherAccount>a>img{
    height: 24px;
    vertical-align: middle;
}


.container>.login_body>.login_ad{
    /*  width: 508px;*/
    width: 54%;
    height: 460px;
    /*height: 504px;*/
    overflow: hidden;
    /*   background-image: url('../imgs/timg.jpg');
       background-size: cover;
       background-repeat: no-repeat;
       background-position: center center;*/
    background: url("../images/leftImg.png") top center no-repeat; background-size: cover;
    position: relative;
    text-align: center;
    border-top-left-radius:10px;
    border-bottom-left-radius:10px;
    box-shadow: 0 0 16px 0px rgba(0, 0, 0, 0.35);

    /* height: 100%; */

}
.container>.login_body>.login_ad>a{

    border-radius: 50px;
    position: absolute;
    bottom: 15.5%;
    left: 296px;
    padding: 10px 20px;
    text-decoration: none;
    background-color: #703EFF;
    color: #fff;
    font-size: 14px;
    border: 1px solid #703EFF;

    /* left: 0; */
}
.container>.login_body>.login_ad>a:hover{
    background-color: #fff;
    border: 1px solid #703EFF;
    color: #703EFF;
}

.footer{
    font-size: 13px;
    padding-right: 8.5rem;
    text-align: right;
     position: absolute;
    bottom: 0; z-index: 2;
    left: 0; right: 0;
}

.footer a:link{
    color: #999;
}
.footer a:visited{
    color: #999;

}

.footer a:hover{
    color: #999;
    opacity: 0.9;
}
.footer a:active{
    color: #999;

}

.footer,.footer>p,.footer a{
    color: #999;
    text-decoration: none;

}

.footer>p{
    margin: 4px 0;
}
.footer>a>img{
    height: 18px;
    vertical-align: middle;
    margin-right: 4px;
}

/*新闻*/
.login_ad .information-right {
   /* width: 508px;*/
    width: 100%;
    text-align: left;
    padding-top: 15px;
 /*   padding-top: 30px;*/
}

.login_ad .information-right .article-list {
    padding-top: 20px
}

.login_ad .information-right .article-list .article-link {
    display: block;
    padding: 0 40px; text-decoration: none; color: #fff;
}

.login_ad .information-right .article-list .article-link .article-head span {
    display: inline-block;
    vertical-align: middle
}

.login_ad .information-right .article-list .article-number {
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    color: #fff;
    background-color: #6ec2fb;
    font-size: 14px
}

.login_ad .information-right .article-list .article-title {
    font-size: 16px;
    color: #fff;
    line-height: 20px;
    margin-left: 14px;
   /* width: 333px;*/
    width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.login_ad .information-right .article-list .article-time {
    float: right;
    font-size: 12px;
    color: #fff;
    line-height: 20px
}

.login_ad .information-right .article-list .article-content{
    margin-top: 10px;
    padding-left: 44px;
   /* width: 374px;*/
    width: 340px;
    font-size: 14px;
    color: #666;
    line-height: 26px;
    display: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.login_ad .information-right .article-list .article-content p {
    word-break:break-all;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    color: #fff;
}
.login_ad .information-right .article-list:nth-of-type(1) .article-number,
.login_ad .information-right .article-list:nth-of-type(2) .article-number,
.login_ad .information-right .article-list:nth-of-type(3) .article-number {
    background-color: #6ec2fb
}
.login_ad .information-right .article-list.current .article-link {
   /* background-color: #fafafc;*/
    padding: 20px 0; padding-top: 0; margin: 0 40px;
    border-bottom: 1px dotted #fff;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.login_ad .information-right .article-list.current .article-number {
    background-color: #b376ff!important
}
.login_ad .information-right .article-list.current .article-title {
    color: #fff
}
.login_ad .information-right .article-list.current .article-content {
    display: block
}
.topLogo {
    width: 621px;
    height: 167px;
    position: relative;
    left: 50%;
    margin-left: -320px;
    z-index: 2;
    top: 5%;
}
.topLogo img {
    display: block;
    width: 621px;
    height: 167px;
}
.article-list-lase{ display: none;}
.yzm-code{ position: absolute; right:5px; bottom: 3px;}
.yzm-code img{ width: 75px; height: 27px;}
@media (max-width: 1500px) and (min-width: 1440px) {
    .container>.login_body{
        width: 36%;margin-left: -17.5%;
        margin-top: 3.5%;
    }
    .footer{ bottom: 10px;}
    .topLogo{ top:6%;}
    .topLogo img{    width: 520px; height: 140px;}
    .topLogo{width: 520px; height: 140px;margin-left: -260px;}
    .container>.login_body>.login_form>.login_con{
        padding: 15px 17% 10px 17%;
    }
    .container>.login_body>.login_form>.login_top{
        padding: 20px 15% 10px 15%;
    }
    .container>.login_body>.login_form>.login_top>.login_tags{
        padding-top: 70px;
        font-size: 24px;
        letter-spacing: 5px;
    }
    .container>.login_body>.login_form>.login_con>div{

    }
    .container>.login_body>.login_form>.login_con>div>button[type=button]{
        margin-top: 20px;
    }
    .container>.login_body>.login_form>.login_con>div>input {

    }
    .container>.login_body>.login_form{
        width: 100%;
        height: 460px;
        background:url(../images/login-bg.png) top center no-repeat;
        background-size: 100%;
    }
    .container>.login_body>.login_ad{
        width: 51%;
        height: 460px;
    }
    .article-list-lase{ display: block;}
    .login_ad .information-right{
        padding-top: 30px;
    }
    .footer>p{margin: 6px 0;}
    .container>.login_body>.login_form>.login_con>div>input[type=text], .container>.login_body>.login_form>.login_con>div>input[type=password], .container>.login_body>.login_form>.login_con>div>button[type=button]
    { height: 36px;}
    .container>.login_body>.login_form>.login_con>div>img {
        width: 15px;
        bottom: 10px;
    }
    .yzm-code {
        bottom: 0px;
    }
}
@media (max-width: 1366px) and (min-width: 1200px)  {
    .container>.login_body{
        width: 32%;
        margin-left: -16%;
        margin-top: 1.5%;
    }
    .container>.login_body>.login_form>.login_top>.login_tags{
        padding-top: 56px;
        font-size: 18px;
        letter-spacing: 3px;
    }
    .footer{ bottom: 8px;}
    .topLogo{ top:2.5%;}
    .topLogo img{ width: 420px; height: 113px;}
    .topLogo{width: 420px; height: 113px;margin-left: -210px;}
    .container>.login_body>.login_form>.login_con{
        padding: 5px 16%;
    }
    .container>.login_body>.login_form>.login_top{
        padding: 5px 16% 10px 16%;
    }
    .container>.login_body>.login_form>.login_con>div{
        margin-bottom: 12px;
    }
    .container>.login_body>.login_form>.login_con>div>button[type=button]{
        margin-top: 20px;
    }
    .container>.login_body>.login_form>.login_con>div>input {

    }
    .container>.login_body>.login_form{
        width: 100%;
        height: 400px;
        background:url(../images/login-bg.png) top center no-repeat;
        background-size: 100%;
    }
    .container>.login_body>.login_ad{
        width: 51%;
        height: 400px;
    }
    .article-list-lase{ display: block;}
    .login_ad .information-right{
        padding-top: 30px;
    }
    .footer>p{margin: 6px 0;}
    .container>.login_body>.login_form>.login_con>div>input[type=text], .container>.login_body>.login_form>.login_con>div>input[type=password], .container>.login_body>.login_form>.login_con>div>button[type=button]
    { height: 32px;ont-size: 13px;}
    .container>.login_body>.login_form>.login_con>div>img {
        width: 14px;
        bottom: 9px;
    }
    .yzm-code {
        bottom: -2px;
    }
    .jzmm{float: left; font-size: 13px; color: #fff;}
}
@media (max-width: 1180px) and (min-width: 1024px)  {
    .container>.login_body{
        width: 35%;
        margin-top: 1.5%;
    }
    .footer{ bottom: 8px;}
    .topLogo{ top:1.5%;}
    .topLogo img{    width: 400px; height: 108px;}
    .topLogo{width: 400px; height: 108px;}
    .container>.login_body>.login_form>.login_con{
        padding: 5px 13.5%;
    }
    .container>.login_body>.login_form>.login_top{
        padding: 0px 15% 10px 15%;
    }
    .container>.login_body>.login_form>.login_con>div{

    }
    .container>.login_body>.login_form>.login_con>div>button[type=button]{
        margin-top: 20px;
    }
    .container>.login_body>.login_form>.login_con>div>input {

    }
    .container>.login_body>.login_form{
        width:100%;
        height: 350px;
        background:url(../images/login-bg.png) top center no-repeat;
        background-size: 100%;
    }
    .container>.login_body>.login_ad{
        width: 51%;
        height: 350px;
    }
    .article-list-lase{ display: block;}
    .login_ad .information-right{
        padding-top: 30px;
    }
    .footer>p{margin: 6px 0;}
    .container>.login_body>.login_form>.login_con>div>input[type=text], .container>.login_body>.login_form>.login_con>div>input[type=password], .container>.login_body>.login_form>.login_con>div>button[type=button]
    { height: 30px;}
    .container>.login_body>.login_form>.login_con>div>img {
        width: 16px;
        bottom: 13px;
    }
    .yzm-code {
        bottom: 3px;
    }
    .yzm-code img {
        width: 58px;
        height: 20px;
    }
}
@media (min-width: 1920px) {
    .container>.login_body{
        width: 33%;    margin-top: 4%;
    }
    .footer{ bottom: 15px;}
    .topLogo{ top:6%;}
    .container>.login_body>.login_form>.login_con{
        padding: 25px 19% 20px 19%;
    }
    .container>.login_body>.login_form>.login_top{
        padding: 30px 15% 10px 15%;
    }
    .container>.login_body>.login_form>.login_con>div{

    }
    .container>.login_body>.login_form>.login_con>div>button[type=button]{
        margin-top: 20px;
    }
    .container>.login_body>.login_form{
        height: 550px;
    }
    .container>.login_body>.login_ad{
        height: 504px;
    }
    .article-list-lase{ display: block;}
    .login_ad .information-right{
        padding-top: 30px;
    }
    .footer>p{margin: 6px 0;}
}
.hide {
    display: none;
}
@media (max-width: 1680px) and (min-width: 1600px){
    .container>.login_body{
        width: 36%; margin-left: -18%;margin-top: 4%;
    }
    .container>.login_body>.login_ad{
        height: 520px;
    }
    .container>.login_body>.login_form{
        height: 560px;
    }
    .container>.login_body>.login_form>.login_top{
        padding: 20px 13% 10px 13%;
    }
    .topLogo {
        width: 621px;
        height: 167px;
        position: relative;
        left: 50%;
        margin-left: -310px;
        z-index: 2;
        top: 6%;
    }
    .topLogo img {
        display: block;
        width: 621px;
        height: 167px;
    }

}

/*粒子背景特效*/
/*other public*/
.iconfont{font-family:'adminthemesregular';}
.add_icon:before{content:"a";margin:0 5px;font-family:'adminthemesregular';}
.money_icon:before{content:"$";margin:0 5px;font-family:'adminthemesregular';font-size:20px;}
.rmb_icon{color:#19a97b;}
.rmb_icon:before{content:"￥";margin-right:2px;}
.ellipsis{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.center{text-align:center;}
.fl{float:left;}
.fr{float:right;}
.mtb{margin:5px 0;overflow:hidden;}
.mlr{margin:0 5px;overflow:hidden;}
.admin_login{width:300px;height:auto;overflow:hidden;margin:10% auto 0 auto;padding:40px;box-shadow:0 -15px 30px #0d957a;border-radius:5px;}
.admin_login dt{font-size:20px;font-weight:bold;text-align:center;color:#45bda6;text-shadow:0 0 1px #0e947a;margin-bottom:15px;}
.admin_login dt strong{display:block;}
.admin_login dt em{display:block;font-size:12px;margin-top:8px;}
.admin_login dd{margin:5px 0;height:42px;overflow:hidden;position:relative;}
.admin_login dd .login_txtbx{font-size:14px;height:26px;line-height:26px;padding:8px 5%;width:90%;text-indent:2em;border:none;background:#5cbdaa;color:white;}
.admin_login dd .login_txtbx::-webkit-input-placeholder {color:#f4f4f4;line-height:inherit;}
.admin_login dd .login_txtbx:-moz-placeholder {color:#f4f4f4;line-height:inherit;}
.admin_login dd .login_txtbx::-moz-placeholder {color:#f4f4f4;line-height:inherit;}
.admin_login dd .login_txtbx:focus{background:#55b7a4;}
.admin_login dd:before{font-family:'adminthemesregular';position:absolute;top:0;left:10px;height:42px;line-height:42px;font-size:20px;color:#0c9076;}
.admin_login dd.user_icon:before{content:"u";}
.admin_login dd.pwd_icon:before{content:"p";}
.admin_login dd.val_icon:before{content:"n";}
.admin_login dd .ver_btn{text-align:right;border:none;color:#f4f4f4;height:42px;line-height:42px;margin:0;z-index:1;position:relative;float:right;background:#48bca5;}
.admin_login dd .checkcode{float:left;width:182px;height:42px;background:#fff}
.admin_login dd .checkcode input{width:120px;height:36px;line-height:36px;padding:3px;color:white;outline:none;border:none;text-indent:2.8em;}
.admin_login dd .checkcode canvas{width:85px;height:36px;padding:3px;z-index:0;background:#5cbdaa;}
.admin_login dd .submit_btn{width:100%;height:42px;border:none;font-size:16px;background:#048f74;color:#f8f8f8;}
.admin_login dd .submit_btn:hover{background:#0c9076;color:#f4f4f4;}
.admin_login dd p{color:#53c6b0;font-size:12px;text-align:center;margin:5px 0;}

/*header*/
header{background:#19a97b;overflow:hidden;}
header h1{margin:0;float:left;margin-left:1%;}
header h1 img{width:auto;max-width:300px;height:70px;}
header .rt_nav{float:right;overflow:hidden;margin-right:3%;margin-top:12px;}
header .rt_nav li{float:left;padding:0 25px;text-align:center;border-right:1px #139667 solid;}
header .rt_nav li:last-child{border:none;}
header .rt_nav li a{color:white;font-size:12px;text-shadow:0 0 1px #20af83;display:block;}
header .rt_nav li a:hover{color:#f4f4f4;}
header .rt_nav li a:hover:before{color:#f4f4f4;}
header .rt_nav li a:before{font-family:'adminthemesregular';color:white;font-size:30px;display:block;}
header .rt_nav li .website_icon:before{content:"I";}
header .rt_nav li .admin_icon:before{content:"U";}
header .rt_nav li .clear_icon:before{content:"C";}
header .rt_nav li .set_icon:before{content:"S";}
header .rt_nav li .quit_icon:before{content:"Q";}
/*aside nav*/
.lt_aside_nav{width:210px;height:100%;position:absolute;top:70px;left:0;background:#fcfcfc;}
.lt_aside_nav h2{text-align:center;border-bottom:1px #b6b6b6 solid;margin:0;height:45px;line-height:45px;background:#efefef;}
.lt_aside_nav h2 a{display:block;color:#333333;font-size:14px;text-shadow:0 0 2px white;}
.lt_aside_nav ul{margin-bottom:75px;}
.lt_aside_nav dl{margin:0;}
.lt_aside_nav dl dt{font-weight:bold;height:45px;line-height:45px;border-bottom:1px #e9e9e9 solid;padding:0 15px;position:relative;}
.lt_aside_nav dl dt:before{position:absolute;width:5px;height:25px;background:#67c1a5;content:"";top:10px;left:0;}
.lt_aside_nav dl dd{margin:0;height:40px;line-height:40px;border-bottom:1px #e9e9e9 dotted;}
.lt_aside_nav dl dd a{display:block;color:#555555;padding:0 15px;}
.lt_aside_nav dl dd a:hover{background:#f8f8f8;text-shadow:0 1px 5px #f4f4f4;color:#19a97b;}
.lt_aside_nav dl dd .active{background:#f8f8f8;color:#19a97b;}
.lt_aside_nav dl dd .active:after{content:">";font-family:'adminthemesregular';position:absolute;right:3%;color:#19a97b;}
.lt_aside_nav .btm_infor{height:35px;line-height:35px;width:100%;background:#efefef;border-top:1px #b6b6b6 solid;text-align:center;color:#aaa;}
/*public:rtContent*/
.rt_wrap{margin-left:218px;margin-right:10px;height:100%;position:relative;}
.rt_content{margin-bottom:80px;margin-right:8px;overflow:hidden;}
.textWhite{color:white;}
.link_btn{border:1px #139667 solid;border-radius:2px;background:#19a97b;color:white;padding:8px 15px;display:inline-block;cursor:pointer;}
.link_btn:hover{background:#11a274;border:1px #0e8f61 solid;}
.link_btn:active{background:#0c9c6e;border:1px #0e8f61 solid;}
.textbox{border:1px #139667 solid;height:26px;line-height:26px;padding:5px;font-size:12px; vertical-align:middle;}
.textbox_295{width:295px;}
.textbox_225{width:225px;}
.select{padding:0 5px;height:38px;font-size:12px;border:1px #139667 solid;vertical-align:middle; appearance: button;-webkit-appearance:button;}
.group_btn{border:1px #139667 solid;background:#19a97b;color:white;padding:0 15px;height:38px;cursor:pointer;display:inline-block;vertical-align:middle;}
.group_btn:hover{background:#11a274;border:1px #0e8f61 solid;}
.group_btn:active{background:#0c9c6e;border:1px #0e8f61 solid;}
.page_title{height:40px;line-height:40px;border-bottom:1px #b6b6b6 solid;margin:10px 0;}
.page_title h2{font-size:15px;font-weight:bold;}
.page_title .top_rt_btn{display:inline-block;height:30px;line-height:30px;padding:0 15px;border:1px #d2d2d2 solid;background:#f8f8f8;color:#19a97b; vertical-align:middle;cursor:pointer;}
.table{width:100%;table-layout:fixed;margin:5px 0;}
.table th{border:1px #d2d2d2 solid;height:40px;line-height:40px;}
.table td{border:1px #d2d2d2 solid;padding:10px 8px;position:relative;}
.table td p{margin:5px 0;line-height:1.3;}
.table td mark{color:red;line-height:1.3;}
.table tr:nth-child(odd){background:#f8f8f8;}
.table tr:hover{background:#f9f9f9;}
.table td a{color:#19a97b;margin:0 5px;cursor:pointer;}
.table td .full_link_td{display:block;width:100%;height:100%;border:none;outline:none;position:absolute;top:0;left:0;text-align:center;margin:0;font-size:20px;font-weight:bold;}
.table td .full_link_td:hover{background:#f4f4f4;color:#019163;}
.table td .inner_btn{background:#F9F;color:white;padding:5px 8px;border-radius:2px;}
.table td .inner_btn:hover{background:#ffa4ff;color:#f8f8f8;}
.table td .cut_title{width:265px;}
.table td .link_icon{font-size:24px;font-family:'adminthemesregular';color:#19a97b;}
.table td .link_icon:hover{color:#019163;}
.paging{margin:8px 0;overflow:hidden;text-align:right;}
.paging a{background:#19a97b;border:1px #139667 solid;color:white;padding:5px 8px;display:inline-block;cursor:pointer;}
.paging a:hover{background:#11a274;border:1px #0e8f61 solid;}
.paging a:active{background:#17a578;border:1px #0e8f61 solid;}
.single_selection{color:#333;padding:6px 8px;display:inline-block;vertical-align:middle;}
.single_selection input{margin-right:3px;vertical-align:middle;}
.errorTips{color:red;margin:0 8px;}
.errorTips:before{content:"x";font-family:'adminthemesregular';margin-right:3px;font-size:16px;}
.textarea{display:inline-block;margin-top:5px;outline:none;resize:none;border:1px #139667 solid;padding:8px;}
.uploadImg{display:inline-block;padding:15px;background:#f8f8f8;position:relative;border:1px #139667 solid;}
.uploadImg input{display:none;}
.uploadImg span{display:block;font-size:12px;text-align:center;color:#139667;}
.uploadImg span:hover{color:#209f71;}
.uploadImg span:before{content:"#";font-family:'adminthemesregular';display:block;font-size:40px;}
.ulColumn2{overflow:hidden;}
.ulColumn2 li{margin:15px 0;}
.ulColumn2 li .item_name{text-align:right;display:inline-block;}
/*TAB*/
.admin_tab{background:#f8f8f8;overflow:hidden;border:1px #d2d2d2 solid;margin-bottom:8px;}
.admin_tab li{float:left;height:40px;line-height:40px;border-right:1px #f2f2f2 solid;}
.admin_tab li:last-child{border:none;}
.admin_tab li a{display:block;padding:0 20px;color:grey;font-size:12px;cursor:pointer;}
.admin_tab li a.active{background:white;font-weight:bold;border-top:1px #19a97b solid;color:#19a97b;}
.admin_tab_cont{display:none;margin:5px 0;overflow:hidden;}
.cont_col_lt{width:300px;overflow:hidden;float:left;}
.cont_col_rt{margin-left:315px;overflow:hidden;}
/*pop*/
.pop_bg{display:none;background:rgba(0,0,0,.35);width:100%;height:100%;position:fixed;top:0;left:0;z-index:999;}
.pop_cont{background:white;min-width:300px;height:auto;overflow:hidden;position:absolute;top:20%;left:50%;margin-left:-150px;border-radius:5px 5px 0 0;}
.pop_cont h3{height:40px;line-height:40px;background:#19a97b;color:white;font-size:14px;font-weight:bold;margin:0;padding:0 1em;}
.pop_cont h3:before{content:"*";font-family:'adminthemesregular';margin-right:2px;font-size:20px;font-weight:normal;}
.pop_cont .pop_cont_text{padding:10px;line-height:1.3;color:grey;}
.pop_cont .pop_cont_input{padding:10px;text-align:center;}
.pop_cont .pop_cont_input li{margin:5px 0;text-align:left;overflow:hidden;}
.pop_cont .pop_cont_input li .ttl{display:inline-block;}
.pop_cont .pop_cont_input li .textbox{border:1px #d2d2d2 solid;width:200px;display:inline-block;}
.pop_cont .pop_cont_input li .select{border:1px #d2d2d2 solid;}
.pop_cont .pop_cont_input li .textarea{border:1px #d2d2d2 solid;}
.pop_cont .btm_btn{padding:10px 0;text-align:center;}
.pop_cont .btm_btn .input_btn{display:inline-block;height:35px;border:none;background:none;padding:0 20px;}
.pop_cont .btm_btn .trueBtn{background:#19a97b;color:white;border:1px #19a97b solid;border-radius:2px;}
.pop_cont .btm_btn .trueBtn:hover{background:#13a174;border-radius:0;border:1px #13a174 solid;}
.pop_cont .btm_btn .falseBtn{background:#fafafa;color:grey;border:1px #d2d2d2 solid;border-radius:2px;}
.pop_cont .btm_btn .falseBtn:hover,.pop_cont .btm_btn .input_btn_02:active{background:#f0f0f0;border-radius:0;color:#818181;text-shadow:0 1px 1px white;}
/*loading*/
.loading_area{display:none;background:rgba(255,255,255,.85);position:fixed;left:0;top:0;width:100%;height:100%;text-align:center;z-index:999;}
.loading_cont{overflow:hidden;margin-top:20%;}
@-webkit-keyframes loading_icon{0%{transform:scaleY(1);-moz-transform:scaleY(1);-webkit-transform:scaleY(1)}
    50%{transform:scaleY(.4);-moz-transform:scaleY(.4);-webkit-transform:scaleY(.4)}
    100%{transform:scaleY(1);-moz-transform:scaleY(1);-webkit-transform:scaleY(1)}
}
@-moz-keyframes loading_icon{0%{transform:scaleY(1);-moz-transform:scaleY(1);-webkit-transform:scaleY(1)}
    50%{transform:scaleY(.4);-moz-transform:scaleY(.4);-webkit-transform:scaleY(.4)}
    100%{transform:scaleY(1);-moz-transform:scaleY(1);-webkit-transform:scaleY(1)}
}
.loading_icon i{display:inline-block;width:4px;height:20px;border-radius:2px;background:#19a97b;margin:0 2px}
.loading_icon i:nth-child(1){-webkit-animation:loading_icon 1s ease-in .1s infinite;-moz-animation:loading_icon 1s ease-in .1s infinite;animation:loading_icon 1s ease-in .1s infinite}
.loading_icon i:nth-child(2){-webkit-animation:loading_icon 1s ease-in .2s infinite;-moz-animation:loading_icon 1s ease-in .2s infinite;animation:loading_icon 1s ease-in .2s infinite}
.loading_icon i:nth-child(3){-webkit-animation:loading_icon 1s ease-in .3s infinite;-moz-animation:loading_icon 1s ease-in .3s infinite;animation:loading_icon 1s ease-in .3s infinite}
.loading_icon i:nth-child(4){-webkit-animation:loading_icon 1s ease-in .4s infinite;-moz-animation:loading_icon 1s ease-in .4s infinite;animation:loading_icon 1s ease-in .4s infinite}
.loading_icon i:nth-child(5){-webkit-animation:loading_icon 1s ease-in .5s infinite;-moz-animation:loading_icon 1s ease-in .5s infinite;animation:loading_icon 1s ease-in .5s infinite}
.loading_txt mark{background:none;font-size:12px;color:red;}
/*statistic*/
.dataStatistic{width:700px;height:400px;border:1px solid #ccc;margin:0 auto;margin-top:100px;overflow:hidden}
#cylindrical{width:700px;height:400px;margin-top:-15px}
#line{width:700px;height:400px;margin-top:-15px}
#pie{width:700px;height:400px;margin-top:-15px}

/*新登录*/
.login-box{
    min-height: 100vh;
    display: flex;
    position: relative;
}
.login-left{
    width: 60%;
    display: flex;
    background:url(../images/login-left.jpg) top center no-repeat;
    background-size: cover;
    padding: 2.5rem;
    justify-content: center;
    /*align-items: center;*/
    box-sizing: border-box;
    position: relative;
}
.login-left-bg{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    opacity: .7;
    background: #00c340;
    background: linear-gradient(90deg, #00c340, #00b13b);
    /*background-image: -webkit-linear-gradient(90deg,#b69047,#d8ae5d);
    background-image: -moz-linear-gradient(90deg,#b69047,#d8ae5d);
    background-image: -ms-linear-gradient(90deg,#b69047,#d8ae5d);
    background-image: -o-linear-gradient(90deg,#b69047,#d8ae5d);
    background-image: linear-gradient(90deg,#b69047,#d8ae5d);*/
    /*background: #00c340;*/
    /*background-image: -webkit-linear-gradient(90deg,#00c340,#835a2c);*/
    /*background-image: -moz-linear-gradient(90deg,#00c340,#835a2c);*/
    /*background-image: -ms-linear-gradient(90deg,#00c340,#835a2c);*/
    /*background-image: -o-linear-gradient(90deg,#00c340,#835a2c);*/
    /*background-image: linear-gradient(90deg,#00c340,#835a2c);*/
}
.logo-img{
    text-align: center;
    margin-bottom: 3rem;
}
.logo-img img{
    width: 700px;
    height: 298px;

}
.login-left-text{
    max-width: 35rem;
    text-align: center;
    width: 100%;
    z-index: 2;
    color: #fff;
    /*margin-top: 12rem;*/
    display: flex;
    justify-content: center;
    align-items: center;
}
.login-left-text h2{
    font-size: 3rem;
    line-height: 1;
    font-weight: 700;
    margin-bottom: 1.5rem;
    letter-spacing: 2px;
}
.login-left-text p{
    font-size: 2.8rem;
    line-height: 1.5;
    font-weight: 700;
    /*font-size: 0.9rem;*/
    /*line-height: 1.25rem;*/
    /*font-weight: 400;*/
    text-transform: uppercase;
    letter-spacing: 1px;
}
.circles {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.circles li {
    position: absolute;
    display: block;
    list-style: none;
    width: 20px;
    height: 20px;
    background: rgba(255, 255, 255, 0.2);
    animation: animate 25s linear infinite;
    bottom: -150px;
}
.circles li:nth-child(1) {
    left: 25%;
    width: 80px;
    height: 80px;
    animation-delay: 0s;
}
.circles li:nth-child(2) {
    left: 10%;
    width: 20px;
    height: 20px;
    animation-delay: 2s;
    animation-duration: 12s;
}
.circles li:nth-child(3) {
    left: 70%;
    width: 20px;
    height: 20px;
    animation-delay: 4s;
}
.circles li:nth-child(4) {
    left: 40%;
    width: 60px;
    height: 60px;
    animation-delay: 0s;
    animation-duration: 18s;
}
.circles li:nth-child(5) {
    left: 65%;
    width: 20px;
    height: 20px;
    animation-delay: 0s;
}
.circles li:nth-child(6) {
    left: 75%;
    width: 110px;
    height: 110px;
    animation-delay: 3s;
}
.circles li:nth-child(7) {
    left: 35%;
    width: 150px;
    height: 150px;
    animation-delay: 7s;
}
.circles li:nth-child(8) {
    left: 50%;
    width: 25px;
    height: 25px;
    animation-delay: 15s;
    animation-duration: 45s;
}
.circles li:nth-child(9) {
    left: 20%;
    width: 15px;
    height: 15px;
    animation-delay: 2s;
    animation-duration: 35s;
}
.circles li:nth-child(10) {
    left: 85%;
    width: 150px;
    height: 150px;
    animation-delay: 0s;
    animation-duration: 11s;
}
@keyframes animate {
    0% {
        transform: translateY(0) rotate(0deg);
        opacity: 1;
        border-radius: 0;
    }

    100% {
        transform: translateY(-1000px) rotate(720deg);
        opacity: 0;
        border-radius: 50%;
    }
}

.login-right{
    width: 40%;
    padding: 3.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    /*flex-flow: column;*/
    height: 100vh;
    box-sizing: border-box;
    position: relative;
}
.login-right:before{
    content: '';
    /*background:#fff url(../images/login-right.jpg) top center no-repeat;*/
    background:#fff;
    opacity: 0.15;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    z-index: -1;
}

.login-info{
    max-width: 28rem;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}
.text-center {
    text-align: center;
}
.text-center h2{
    font-weight: 700;
    font-size: 1.875rem;
    line-height: 2.25rem;
    color: #333;
}
.login-from{
    width: 100%;
    margin-top: 3.5rem;
}
.login-from-p{
    position: relative;
    margin-top: 2.1rem;
    display: flex;
    flex-flow: column;
    justify-content: center;
}
.login-from-p label{
    letter-spacing: .025em;
    font-weight: 700;
    font-size: .95rem;
    line-height: 1.25rem;
    margin-left: 0.75rem;
}
.login-from-p input{
    font-size: 1rem;
    line-height: 1.5rem;
    padding: 5px 15px;
    border: 0;
    border-bottom: 1px solid #d1d5db;
    border-radius: 20px;
    outline: 0;
    margin-top: 8px;
}
.login-from-p input:hover{
    border: 0;
    border-bottom: 1px solid #00c340;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition:all 0.5s;
}
.login-from-p i{
    position: absolute;
    right: 20px;
    top: 2.5rem;
}
.login-from-p .yzm-img{
    position: absolute;
    right: 15px;
    top: 30px;
}
.login-from-p .yzm-img img{
    width: 75px;
    height: 27px;
}
.login-from-ma{
    display: flex;
    align-items: center;
    margin-top: 50px;
    padding: 0 10px;
}
.login-from-ma input{
    width: 16px;
    height: 16px;
    margin-right: 5px;
    border-radius: 3px;
    border:1px solid #d1d5db;
    cursor: pointer;
}
.login-from-ma lable{
    font-size: .875rem;
    line-height: 1.25rem;
    margin-left: 0.5rem;
}
.login-btn{
    width: 100%;
    margin-top: 50px;
}
.login-btn button{
    width: 100%;
    border: 0;
    padding: 1rem;
    transition-duration: .5s;
    letter-spacing: .03em;
    border-radius: 50px;
    color: #fff;
    font-weight: 600;
    font-size:1.2rem;
    cursor: pointer;
    background-color: #00c340;
    background: linear-gradient(90deg, #00c340, #00b13b);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.2),0 4px 6px -2px rgba(0, 0, 0, 0.1);
}
.login-btn button:hover{
    opacity: 0.9;
}