* {
    margin: 0;
    padding: 0
}

body {
    background: linear-gradient(to right bottom, #12B8F0, #007AFF);
    background:-webkit-linear-gradient(to right bottom, #12B8F0, #007AFF);
    background:-moz-linear-gradient(to right bottom, #12B8F0, #007AFF);
    background:-ms-linear-gradient(to right bottom, #12B8F0, #007AFF);
    background:-o-linear-gradient(to right bottom, #12B8F0, #007AFF);
    background:linear-gradient(to right bottom, #12B8F0, #007AFF);
    background-size: 120% 100%;
    font-family: serif;
}

.container {
    overflow: hidden;
    height: 80%;
    #padding-bottom: 1rem
}

a {
    text-decoration: none;
    cursor: pointer;
    color: #fff;
}

.tip-mask {
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    background-color: #000;
    opacity: .7;
    text-align: right
}

.tip-mask .wx-tips {
    display: block;
    width: 75%;
    height: 100%;
    margin: 10 auto;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAiAAAAD3CAMAAAAT8x+QAAAAUVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////8IN+deAAAAGnRSTlMAE/daSx9nxODwhJOosws3nc4uQdh6c+e8i3VJaYcAABhQSURBVHja7N1bkqJAEIXhpLhVaSEgKPjvf6FT0Gi3jjoRMxHz4vkeDBdwIhMqSTCRl8p9aSIvFDPORJ7KTh7oTeSJNjoW0UR+k/dsdiZyL9tNLOp8p4DIo2PnbrVDAZEHw8zCzxAOdlJA5Nmlx8UuQG7n5a/Il3xk4y0C0SrYm8iPeLgdSREBbxV0JmI29GwCSexIslwBkUXZsOg7NuFCMuQ6KJPk5PjiuIokuQIiZmVNUnNnJjkX0Jh8tjYAYx5h4ttIcilgNvlobQC3G0gKx40n6QYF5OONMLVmAWinhwoSFZCPN0AozSwCrX+oII0C8vEqiJbkwOBZhFsFmRWQj9cCTX6wg4PKs4gk9fqjuxhpSFy/93DpWZxvKel1DiKHvWPjPYucZE8yahYjZuWud/xwuo3svMb9sjoMp2Zi425TGX+Bs4msyvPIVVOTTB1UJnJVOZIAMZCEBgoT2eR2nIATBHAQZgVEvhWMbenBsWjA1TCYyCqbIFrp+VKAG+FoIqsIU2bXhHTmIEBmIoscKCwpJyCaBUDL/bLJAnS2Kj3QHNv2DLWJLBrwh/uHEDuvxTrZ5MBgN3u+OF2CyKIMDzt0beOAoFMQWc0wHuxONlS56oesKnCtiTxXBo315Q8NxkTUYOQvlE7HHfJGrZehyhtncBrZihqMqMGImRqM/EdHBycTeaHXEx/yxk4NRt42GG3OiRqM/EOD0Rfp5JXWafNW3hj1fil54wJBDeYXe/e23SgIhQEYUFSMZ00g//s/6DSr7aSTaFfHwsU2/3edu7Bgwz5IPGBoj44HDH3nxAOGvjEDyBTRuq7iAFT6xgB4NkXRlhwcLUXbtOcAZZHstaxCoZJrgYoHjDifM7FDp9LKwNF0AtkFH4JKyjp+LVmg2QEos75GyvjgPumBZOkd4Ar1pkDaHMmFjbgCTQ7w/d8yHqdVKhP7pATqFsBNXwoBB5XKyD4pgZp/tv0+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) no-repeat 0 0;
    background-size: 100%
}

.logo {
    width: 45%;
    height: 32%;
    background: url(http://ouz34vw11.bkt.clouddn.com/20180411/e220b8a98f7044bbb9a2959043bd77c4.png) no-repeat center center;
    background-size: 40%;
    margin: 3% auto auto;
}

.logo-title {
    margin: .181rem auto 0;
    background-color: #3a2c7b;
    color: #fff;
    width: 5.36rem;
    text-align: center;
    font-size: .27rem;
    letter-spacing: .1rem;
    margin-top: .25rem;
    padding: .1rem 0;
    border-radius: .3rem
}

.student {
    color: #fff;
    width: 80px;
    height: 80px;
    background: url(../images/student.png) no-repeat center;
    background-size: cover;
    margin: .3rem auto .3rem;
    line-height: .45rem;
    font-family: serif;
}

.teacher {
    color: #fff;
    width: 80px;
    height: 80px;
    background: url(../images/teacher.png) no-repeat center;
    background-size: cover;
    margin: .3rem auto .3rem;
    line-height: .45rem;
    font-family: serif;
    border-radius:5px
}

.parent {
    color: #fff;
    width: 80px;
    height: 80px;
    background: url(../images/parents.png) no-repeat center;
    background-size: cover;
    margin: .3rem auto .3rem;
    line-height: .45rem;
    font-family: serif;
    border-radius:5px
}

.intro {
    color: #fff;
    width: 200px;
    height: 180px;
    background: url(../images/xueba.png) no-repeat center;
    background-size: cover;
    margin: .3rem auto .3rem;
    line-height: .45rem;
    font-family: serif;
}


.top-btn {
    position: relative;
    text-align: center;
    #float: left;
    cursor: pointer;
    color: #007AFF;
    font-size: 16px;
    background-color: #ffffff;
    border-bottom: 0px solid #6c8ad6;
    width: 150px;
    line-height: 40px;
    -webkit-border-radius: 1rem;
    opacity: 60%;
    box-sizing: border-box;
    margin: 0rem auto .5rem auto;
}

.ewm {
    color: #fff;
    text-align: center;
    font-size: .2rem
}

.ewm .left {
    #float: left;
}

.ewm img {
    height: 1rem;
    width: 1rem;
}

.ewm .right {
    padding-top: .18rem;
}

.bottom {
    font-size: 12px;
    color: #000;
    bottom: 0;
    width: 100%;
    text-align: center;
    font-family: "PingFang SC";
}