@charset "utf-8";
body {
        margin: 0;
        padding: 0;
    }
    .serie_course {
        background:-webkit-gradient(linear, left top,left bottom,from(#029BC2),to(#C2E84F));
        background:-moz-linear-gradient(top, ＃FFC3C8,＃FF9298);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=＃00ffff,endColorstr=＃9fffff,grandientType=1);
        min-height: 100%;
        overflow: hidden;
        font-size: 18px;
        line-height: 24px;
    }
    .serie_course .subject {
        text-align: center;
        padding: 24px 24px;
        color: #fff;
    }
    .serie_course .serie_tip {
        margin: 0 24px;
        border: 1px solid #fff;
        padding: 24px;
        font-size: 16px;
        border-radius: 6px;
        background-color: #1FA39F;
    }
    .serie_course .serie_tip p {
        margin-bottom: 12px;
    }
    .serie_course .pnl_title {
        text-align: center;
        margin: 24px 24px;
        color: #fff;
        
    }
    .serie_course .select_pnl {
        padding: 0px;
        background-color: #fff;
        margin: 0 24px;
        border-radius: 2px;
    }
    .serie_course .select_pnl  li {
        margin: 0;
        padding: 12px 24px;
        border-top: 1px solid #f5f5f5;
    }
    .serie_course .select_pnl  li:first-child {
        border-top: 0px;
    }
    footer {
        color: #fff;
    }

    .serie_proceed{
        margin:12px;
        min-height: 100%;
        overflow: hidden;
        font-size: 14px;
        line-height: 24px;
    }
    .serie_proceed .serie_p_block{
        margin:5px;
        border-radius: 4px;
        background-color:#fff;
        /*-webkit-box-shadow: #b2b2b2 0px 0px 7px -2px;*/
        /*-moz-box-shadow: #b2b2b2 0px 0px 7px -2px;*/
        /*box-shadow: #b2b2b2 0px 0px 7px -2px;*/
        position: relative;
    }
    .serie_proceed .serie_p_block .subject{
        text-align: center;
        line-height: 40px;
        color: #000;
        border-bottom: 1px solid #e5e5e5;
        font-size: 16px;
        padding:0 10px;
        overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
    }
    .serie_proceed .serie_p_block .serie_tip{
        padding: 8px 10px 10px;
    }

    .serie_proceed .pnl_title {
        margin: 14px 4px 0 4px;
        color: #999999;
    }
    .serie_proceed .select_pnl li{
        margin-bottom: 0px;
        overflow: hidden;
    }
    .serie_proceed .select_pnl li a{
        padding:10px;
    }
    .serie_proceed .select_pnl li .arrow_r {
        width: 17px;
        float: right;
    }
    .serie_proceed .serie_p_block  .serie_course_name{
        font-size: 12px;
        color:#666666;
        width:90%;
        line-height: 18px;
    }
    .height_middle_arrow{
        position: absolute;
        right:10px;
        top:50%;
        margin-top:-12px
    }
    .serie_proceed .startEvaBtn{
        width: 100%;
        height: 50px;
        line-height: 50px;
        color:#ffffff;
        background: #15A37C;
        border-radius: 4px;
        text-align: center;
    }
    .serie_proceed .eva_status{
        padding:0px 8px;
        height: 22px;
        line-height: 22px;
        background: #15A37C;
        border-radius: 0px 0px 0px 8px;
        position: absolute;
        right:0px;
        bottom:10px;
        color:#ffffff;
        font-size: 12px;
    }