html,body {
    margin: 0px;
    height: 100%;
    overflow: hidden;
    background-color: #133773;
    font-family: '黑体';
}

.cardContainer {
    width: 100%;
    height: 85%;
    margin: 5px;
    clear: both;
}

.cardLineGroup {
    width: 95%;
    height: 50%;
    margin: 0 auto;
}

.card {
    float: left;
    width: calc(100%/3 - 35px);
    height: 90%;
    margin: 0 5px;
    padding: 10px;
    background-color: #0A1C44;
    /* filter:alpha(opacity=80); opacity:0.8;-moz-opacity:0.8; */
    color: #2C9FCD;
}

.cardText {
    height: 30px;
    font-size: 16px;
    line-height: 18px;
    vertical-align: middle;
    margin-bottom: 5px;
}

.cardVideo {
    border: 1px dashed #32B5DB;
    height: calc(100% - 40px);
    background-color: #0E2D5B;
    display: none;
}

.footer {
    text-align: right;
    width: calc((100%/3 - 35px)*3 + 60px);
}

.btn{
    background: #3385ff;
    color:#fff;
    height:36px;
    border: 0px;
    padding: 0 20px;
    font-size: 15px;
}