﻿.caur_downtime {
    width: 1200px;
    height: 426px;
    margin: 0 auto;
    margin-top: 35px;
    overflow: hidden;
}

    /*.caur_downtime .left_img {
        width: 826px;
        height: 100%;
        float: left;
    }*/
    .caur_downtime .left_img {
        width: 826px;
        height: 100%;
        float: left;
    }

    .caur_downtime .left_img img {
        width: 826px;
        height: 426px !important;
        float: left;
    }

    .caur_downtime .down_time {
        height: 100%;
        width: 354px;
        float: right;
        background-color: white;
        position: relative;
    }

.img img {
    width: 270px;
    height: 151px;
    border: none;
}

.down_time p {
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    margin-top: 20px;
}

.down_time .num_days {
    width: 162px;
    height: 66px;
    background: url(/clientimages/PinqinClass/2倒计时-底框.png);
    margin: 0 auto;
    margin-top: 25px;
    border: 1px solid #e9e9e9;
    border-radius: 10px;
    box-shadow: 0 0 10px #e9e9e9;
}

    .down_time .num_days span {
        display: block;
        float: left;
        width: 54px;
        height: 66px;
        float: left;
        color: #323332;
        line-height: 66px;
        font-size: 38px;
        font-weight: bold;
        text-align: center;
    }

.down_time .day {
    width: 20px;
    height: 20px;
    top: 110px;
    left: 265px;
    font-weight: 700;
    font-size: 16px;
}

.justforsee {
    position: absolute;
    color: #999;
    font-size: 12px;
    top: 42px;
    left: 107px;
}

.down_time .timer_shaft {
    width: 315px;
    height: 265px;
    margin: 0 auto;
    margin-top: 10px;
    background: url(/clientimages/PinqinClass/8轴.jpg) no-repeat 13.5%;
    border: 1px solid white;
}

    .down_time .timer_shaft a {
        font-size: 12px;
        color: #5A5A5A;
        text-decoration: none;
        padding-left: 7px;
    }

        .down_time .timer_shaft a:hover {
            color: red;
        }

    .down_time .timer_shaft .single_line {
        height: 46px;
        width: 100%;
    }

        .down_time .timer_shaft .single_line div {
            height: 46px;
            float: left;
        }

        .down_time .timer_shaft .single_line .line_left {
            width: 29px;
            color: white;
            font-size: 14px;
            text-align: center;
            padding-left: 2px;
            writing-mode: vertical-lr; /*从左向右 从右向左是 writing-mode: vertical-rl;*/
            writing-mode: tb-lr;
            background: url('/clientimages/PinqinClass/3阶段_b.png') no-repeat;
        }

        .down_time .timer_shaft .single_line .ponit {
            height: 14px;
            width: 14px;
            box-sizing: border-box;
            border: 3px solid #da3127;
            margin-left: 5px;
            margin-top: 16px;
            border-radius: 50px;
            background: white;
        }

        .down_time .timer_shaft .single_line .line_right {
            width: 250px;
            height: 35px;
            line-height: 35px;
            /*   padding-left:20px;*/
            margin-top: 5px;
            margin-left: 10px;
            box-sizing: border-box;
            background: #f2f2f2;
        }

.caur_downtime .down_time .timer_shaft ul li {
    height: 65px;
}

    .caur_downtime .down_time .timer_shaft ul li:first-child {
        margin-top: 10px;
    }
