html, legend {overflow-x:hidden;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {margin:0; padding:0;}
body {
    font-family: '微软雅黑';
    background: url(../img/cms_login_bg.jpg) no-repeat;
    overflow: hidden;
    height: 100vh;
    background-size: 100% 100%;
    background-attachment: fixed;
    font-size: 12px;
}
table {border-collapse:collapse; border-spacing:0;}
fieldset, img {border:medium none;}
li {list-style:none outside none;}
caption, th {text-align:left; font-weight:normal;}
h1, h2, h3, h4, h5, h6 ,b{font-size:100%;font-weight:normal;}
select, input, button, textarea {font:100% Tahoma,Helvetica,Arial,sans-serif;}
small {font-size:100%;}
del {text-decoration:line-through;}
em,i {font-style:normal;}
hr {background-color:#DEDEDE; border:medium none; color:#DEDEDE; min-height:1px;}
a{text-decoration:none;cursor:pointer; color:#000;-webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
:hover{ color:#49506b;-webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.clear {clear:both; }
.hide{ display:none;}
.show{ display:block;}
.body{ width:100%; height:100vh; overflow:hidden; background:rgba(0,0,0,0.7)}
.main{  width:100%; float:left;}
.mainbody{ width:1200px;margin:0 auto;}
.cont {
    width: 38vw;
    height: 40vh;
    margin: 30vh auto;
    background-size: 13vw 13vw;
    background-color: rgba(255,255,255,0.8);
    border-radius: 10px;
    -moz-box-shadow: 2px 2px 5px #fff;
    -webkit-box-shadow: 2px 2px 5px #fff;
    box-shadow: 2px 2px 5px #fff;
    position:relative;
}

.right{ width:20vw; font-size:12px; margin-top:0.5vw; float:right;}
.right h1{ font-size:1.6rem;  text-align:center; width:19vw; margin-left:0.5vw; line-height:8vh;  color:#fff; letter-spacing:2px;
           -moz-text-shadow:2px 2px 5px #2587cc; -webkit-text-shadow:2px 2px 5px #2587cc;
           text-shadow:2px 2px 5px #2587cc; }
.right .r1{ width:100%; float:left; margin-bottom:1.5vh;}
.right .r1 span{ width:2.4vw; height:2.4vw; margin-left:1.5vw; float:left; }
    .right .r1 .inpt {
        width: 14.6vw;
        float: left;
        vertical-align: middle;
        border: 0px;
        margin: 0;
        padding: 0;
        height: 2.4vw;
        font-size: 1rem;
        text-indent: 0.5vw;
        color: #666;
    }
    .right .ico1 span {
        background: url(../img/cms_ico_01.png) no-repeat #fff;
        background-size: 2.4vw 2.4vw;
    }
    .right .ico2 span {
        background: url(../img/cms_ico_02.png) no-repeat #fff;
        background-size: 2.4vw 2.4vw;
    }
    .right .ico3 span {
        background: url(../img/cms_ico_03.png) no-repeat #fff;
        background-size: 2.4vw 2.4vw;
    }
.right .ico3 .inpt{ width:6.1vw;}
    .right .r2 {
        width: 8vw;
        float: left;
    }
    .right .r3 {
        width: 100%;
        float: left; line-height:35px; color:#999;
        text-indent: 1.5vw;
    }
        .right .r3 a {
            color: #666;
        }
        .right .r3 a:hover {
            color: #f00; 
        }
        .right .btn {
            width: 17vw;
            cursor: pointer;
            font-size: 1.2rem;
            margin-left: 1.5vw;
            border: 0;
            height: 2.4vw;
            text-align: center;
            background-color: #2587cc;
            color: #fff;
        }
.right .btn:hover{ background-color:#fff; color:#2587cc;}
.right .tainer{width: 8vw;height: 2.4vw; float:left;  margin-left:0.5vw;}

.left {
    float: left;
    position: relative;
    width: 18vw;
    height: 40vh;
}
    .left .l1 {
        width: 100%;
        float: left;
        height: 40vh;
        background: url(../img/cms_logo.png) center no-repeat;
        background-size: 15vw;
    }
    .left .l2 {
        width: 100%;
        float: left;
    }


.fright {
    position:absolute; bottom:0px;
    width: 100%; float:left;
    height:6vh; overflow:hidden;
    z-index: 1;
    
    padding-bottom: 1vw;
}
    .fright .c { margin-left:1vw; }
    .fright label {
        float: left; margin:0.1vw;
        width: 2.3vw;
        height: 2.3vw;
        display: block;
        border-radius: 2vw;
    }
        .fright label:nth-child(1) {
            background: url(../img/ico_tel.png) no-repeat center;
            background-size: 70%;
            background-color: #2587cc;
        }
        .fright label:nth-child(2) {
            background: url(../img/ico_wechar.png) no-repeat center;
            background-size: 70%;
            background-color: #2587cc;
        }
        .fright label:nth-child(3) {
            background: url(../img/ico_qq.png) no-repeat center;
            background-size: 70%;
            background-color: #2587cc;
        }
        .fright label:nth-child(4) {
            background: url(../img/ico_web.png) no-repeat center;
            background-size: 70%;
            background-color: #2587cc;
        }
        .fright label:nth-child(5) {
            background: url(../img/ico_map.png) no-repeat center;
            background-size: 70%;
            background-color: #2587cc;
        }
        .fright label:nth-child(6) {
            background: url(../img/ico_map.png) no-repeat center;
            background-size: 70%;
            background-color: #2587cc;
        }
        .botm_animate {
            top: 71vh;
        }
.fright span {
 display:none;}
.botm_animate {
    animation: botm_animate 0.8s;
    -webkit-animation: botm_animate 0.8s;
    animation-fill-mode: forwards;
}
.botm_animate2 {
    animation: botm_animate2 0.8s;
    -webkit-animation: botm_animate2 0.8s;
    animation-fill-mode: forwards;
}
@keyframes botm_animate {
    from {
        top: 51vh;
    }

    to {        top: 71vh;    }
}

@-webkit-keyframes botm_animate {
    from {
        top: 51vh;
    }

    to {        top: 71vh;    }
}
@keyframes botm_animate2 {
    from {
        top: 71vh;
    }

    to {
        top: 51vh;
    }
}

@-webkit-keyframes botm_animate2 {
    from {
        top: 71vh;
    }

    to {
        top: 51vh;
    }
}