*{
    -webkit-tap-highlight-color: transparent;
}
a{
    text-decoration: none;
}
body {
    font-family: "Microsoft YaHei";
    background-color: #FFF;
    font-size: 16px;
    margin:0px;
    background-color: #141A56;
    background-image: url(/portal/images/bg0.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    width: 100%;
    height: 100%;
}
img{
    border:none;
}
.main{
    width: 100%;
    height: 100%;
    position: relative;
    text-align: center;
}
.poem{
    position: absolute;
    left:24px;
    top:63px;
}
.poem img{
    display: none;
}
.qrcode{
    position: absolute;
    right:20px;
    top:20px;
}
.cloudlisten
{
    position: fixed;
    z-index: 4000;
    right: 20px;
    top: 75%;
    width: 80px;
    height: 80px;
}
.no_login,.login_div{
    position: absolute;
    top:20px;
    right:180px;
    display: none;
}

.no_login > *, .login_div > *{
    color: #FFFFFF;
    font-size: 14px;
    opacity: 0.7;
    cursor: pointer;
    margin:0 3px;
}
.no_login > a:hover,.login_div > a:hover{
    color: #3A85C6;
    opacity: 1;
}


.main .logo-div{
    margin-top: 90px;
    margin-bottom: 85px;
    cursor: pointer;
}

.main .menu-item{
    display: inline-block;
    vertical-align: top;
    width: 220px;
}
.main .menu-item .item-top{
    cursor: pointer;
}
.main .menu-item .item-top:hover > .item-span > a{
    color:#01D4E7;
}
.main .item-icon{
    width: 126px;
    height: 126px;
    margin:0 auto;
    margin-bottom: 20px;
    position: relative;
    display: block;
}
.main .item-icon > img{
    position: absolute;
    top: 0px;
    left: 0px;
}
.main .item-span{
    width: 174px;
    height: 20px;
    margin:0 auto;
    margin-bottom: 26px;
    position: relative;
}
.main .item-span > img{
    position: absolute;
    top: 9px;
    left: 0px;
}
.main .item-span > a{
    font-size: 20px;
    font-family:Microsoft YaHei;
    color:#FFFFFF;
    position: absolute;
    top: 0px;
    left: 45px;
}
.main .menu-item .item-top:hover ~ .item-bottom{
    display: table;
}
.main .item-bottom{
    width: 220px;
    height:108px;
    line-height: 108px;
    background: url('/portal/images/menu-tips.png') no-repeat 0px 0px;
    display:none;
}
.main .item-bottom > div{
    display:table-cell;
    vertical-align:middle;
}
.main .item-bottom p{
    font-size:14px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:#FFFFFF;
    line-height:20px;
    opacity:0.7;
    margin:0px;
}
.main .menu-item .item-top:hover > .item-icon > .i-icon{
    -webkit-animation: moveAndJump 2s ease-in-out;
    -moz-animation: moveAndJump 2s ease-in-out;
    -ms-animation: moveAndJump 2s ease-in-out;
    -o-animation: moveAndJump 2s ease-in-out;
    animation: moveAndJump 2s ease-in-out;
}
@-webkit-keyframes moveAndJump {
    0%,100% {
        transform: translateY(0);
    }
    10%{
        transform: translateY(-2px);
    }
    20%{
        transform: translateY(-4px);
    }
    40%{
        transform: translateY(-2px);
    }
    50%{
        transform: translateY(0px);
    }
    60%{
        transform: translateY(-2px);
    }
    80%{
        transform: translateY(-4px);
    }
    90%{
        transform: translateY(-2px);
    }
}
.foot_license{
    width: 100%;
    height: 50px;
    text-align: center;
    color: #95C7E5;
    left: 0px;
    bottom: 0px;
    position: absolute;
}
.foot_license p{
    display: inline-block;
}
.foot_license p,.foot_license a{
    color:#95C7E5;
    font-size: 12px;
}
.foot_license a > *{
    vertical-align: middle;
}
.foot_license div
{
    display: inline-block;
}

@media (min-width:1500px) {
    .main .logo-div{
        margin-top: 200px;
    }
}