*
{
    margin: 0;
    padding: 0;
    list-style: none;
    font-family: "微软雅黑";
}
.numCircle ul li
{
    width: 90px;
    height: 90px;
    background: url("/static/pc/js/lib/video/cqnc_video/img/bgNum.png") -1150px -250px no-repeat;
}
.numCircle ul .roll_1
{
    background-position: -20px -108px;
}
.numCircle ul .roll_2
{
    background-position: -123px -108px;
}
.numCircle ul .roll_3
{
    background-position: -226px -108px;
}
.numCircle ul .roll_4
{
    background-position: -330px -108px;
}
.numCircle ul .roll_5
{
    background-position: -434px -108px;
}
.numCircle ul .roll_6
{
    background-position: -537px -108px;
}
.numCircle ul .roll_7
{
    background-position: -641px -108px;
}
.numCircle ul .roll_8
{
    background-position: -745px -108px;
}
.numCircle ul .roll_9
{
    background-position: -848px -108px;
}
.numCircle ul .roll_10
{
    background-position: -951px -108px;
}
.numCircle ul .roll_11
{
    background-position: -20px -213px;
}
.numCircle ul .roll_12
{
    background-position: -123px -213px;
}
.numCircle ul .roll_13
{
    background-position: -226px -213px;
}
.numCircle ul .roll_14
{
    background-position: -330px -213px;
}
.numCircle ul .roll_15
{
    background-position: -434px -213px;
}
.numCircle ul .roll_16
{
    background-position: -537px -213px;
}
.numCircle ul .roll_17
{
    background-position: -641px -213px;
}
.numCircle ul .roll_18
{
    background-position: -745px -213px;
}
.numCircle ul .roll_19
{
    background-position: -848px -213px;
}
.numCircle ul .roll_20
{
    background-position: -951px -213px;
}
.numCircle ul .rollActive_1
{
    background-position: -20px -323px;
}
.numCircle ul .rollActive_2
{
    background-position: -123px -323px;
}
.numCircle ul .rollActive_3
{
    background-position: -226px -323px;
}
.numCircle ul .rollActive_4
{
    background-position: -330px -323px;
}
.numCircle ul .rollActive_5
{
    background-position: -434px -323px;
}
.numCircle ul .rollActive_6
{
    background-position: -537px -323px;
}
.numCircle ul .rollActive_7
{
    background-position: -641px -323px;
}
.numCircle ul .rollActive_8
{
    background-position: -745px -323px;
}
.numCircle ul .rollActive_9
{
    background-position: -848px -323px;
}
.numCircle ul .rollActive_10
{
    background-position: -951px -323px;
}
.numCircle ul .rollActive_11
{
    background-position: -20px -428px;
}
.numCircle ul .rollActive_12
{
    background-position: -123px -428px;
}
.numCircle ul .rollActive_13
{
    background-position: -226px -428px;
}
.numCircle ul .rollActive_14
{
    background-position: -330px -428px;
}
.numCircle ul .rollActive_15
{
    background-position: -434px -428px;
}
.numCircle ul .rollActive_16
{
    background-position: -537px -428px;
}
.numCircle ul .rollActive_17
{
    background-position: -641px -428px;
}
.numCircle ul .rollActive_18
{
    background-position: -745px -428px;
}
.numCircle ul .rollActive_19
{
    background-position: -848px -428px;
}
.numCircle ul .rollActive_20
{
    background-position: -951px -428px;
}
.loading
{
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    text-align: center;
    vertical-align: middle;
    padding-top: 30%;
    box-sizing: border-box;
    background: #000;
    color: #fff;
}
.content
{
    width: 1125px;
    height: 780px;
    margin: 0 auto;
    transform: scale(.782);
    transform-origin: left top;
}
.content .cqncAnimate
{
    position: relative;
    width: 1125px;
    height: 780px;
}
.content .cqncAnimate .bodybg
{
    width: 100%;
    height: auto;
}
.content .cqncAnimate .bodybg img
{
    vertical-align: top;
    width: 100%;
    height: 100%;
}
.content .cqncAnimate .position
{
    position: absolute;
    width: 860px;
    height: 90px;
    top: 0;
    left: 240px;
    font-size: 30px;
}
.content .cqncAnimate .position .current_code
{
    float: left;
    width: 220px;
    height: 90px;
    line-height: 90px;
    text-align: center;
}
.content .cqncAnimate .position .current_code .codeNow
{
    margin: 0 5px;
}
.content .cqncAnimate .position .current_code span
{
    white-space: nowrap;
}
.content .cqncAnimate .position .kaiNum
{
    position: absolute;
    width: auto;
    height: 90px;
    left: 265px;
}
.content .cqncAnimate .position .kaiNum ul
{
    height: 100%;
    margin-top: 15px;
}
.content .cqncAnimate .position .kaiNum li
{
    float: left;
    width: 60px;
    height: 60px;
    margin-right: 8px;
    background: url("/static/pc/js/lib/video/cqnc_video/img/bgNum.png") -1120px -250px no-repeat;
}
.content .cqncAnimate .position .kaiNum .history_1
{
    background-position: -20px -30px;
}
.content .cqncAnimate .position .kaiNum .history_2
{
    background-position: -88px -30px;
}
.content .cqncAnimate .position .kaiNum .history_3
{
    background-position: -156px -30px;
}
.content .cqncAnimate .position .kaiNum .history_4
{
    background-position: -225px -30px;
}
.content .cqncAnimate .position .kaiNum .history_5
{
    background-position: -293px -30px;
}
.content .cqncAnimate .position .kaiNum .history_6
{
    background-position: -361px -30px;
}
.content .cqncAnimate .position .kaiNum .history_7
{
    background-position: -428px -30px;
}
.content .cqncAnimate .position .kaiNum .history_8
{
    background-position: -498px -30px;
}
.content .cqncAnimate .position .kaiNum .history_9
{
    background-position: -566px -30px;
}
.content .cqncAnimate .position .kaiNum .history_10
{
    background-position: -635px -30px;
}
.content .cqncAnimate .position .kaiNum .history_11
{
    background-position: -703px -30px;
}
.content .cqncAnimate .position .kaiNum .history_12
{
    background-position: -772px -30px;
}
.content .cqncAnimate .position .kaiNum .history_13
{
    background-position: -840px -30px;
}
.content .cqncAnimate .position .kaiNum .history_14
{
    background-position: -909px -30px;
}
.content .cqncAnimate .position .kaiNum .history_15
{
    background-position: -978px -30px;
}
.content .cqncAnimate .position .kaiNum .history_16
{
    background-position: -1045px -30px;
}
.content .cqncAnimate .position .kaiNum .history_17
{
    background-position: -1115px -30px;
}
.content .cqncAnimate .position .kaiNum .history_18
{
    background-position: -1182px -30px;
}
.content .cqncAnimate .position .kaiNum .history_19
{
    background-position: -1250px -30px;
}
.content .cqncAnimate .position .kaiNum .history_20
{
    background-position: -1319px -30px;
}
.content .cqncAnimate .position .kaiNum .soundsIcon
{
    position: absolute;
    display: inline-block;
    width: 54px;
    height: 54px;
    top: 18px;
    left: 560px;
}
.content .cqncAnimate .position .kaiNum .on
{
    background: url("/static/pc/js/lib/video/cqnc_video/img/on.png") no-repeat;
}
.content .cqncAnimate .position .kaiNum .off
{
    background: url("/static/pc/js/lib/video/cqnc_video/img/off.png") no-repeat;
}
.content .cqncAnimate .numCircle
{
    position: absolute;
    top: 160px;
    left: 120px;
    width: 885px;
    height: 530px;
    z-index: 1;
}
.content .cqncAnimate .numCircle ul
{
    width: 100%;
    height: 100%;
}
.content .cqncAnimate .numCircle .circle_t li, .content .cqncAnimate .numCircle .circle_d li
{
    float: left;
    margin-right: 42px;
}
.content .cqncAnimate .numCircle .circle_t li:last-child, .content .cqncAnimate .numCircle .circle_d li:last-child
{
    margin-right: 0;
}
.content .cqncAnimate .numCircle .circle_r, .content .cqncAnimate .numCircle .circle_l
{
    position: absolute;
}
.content .cqncAnimate .numCircle .circle_r li, .content .cqncAnimate .numCircle .circle_l li
{
    margin-bottom: 20px;
}
.content .cqncAnimate .numCircle .circle_r
{
    top: 110px;
    left: 792px;
}
.content .cqncAnimate .numCircle .circle_l
{
    top: 110px;
    width: 90px;
}
.content .cqncAnimate .numCircle .circle_l li:first-child
{
    float: left;
    margin-top: 220px;
}
.content .cqncAnimate .numCircle .circle_l li:first-child+li
{
    float: right;
    margin-top: -220px;
}
.content .cqncAnimate .numCircle .circle_d
{
    position: absolute;
    top: 441px;
}
.content .cqncAnimate .numCircle .circle_d li
{
    float: right;
}
.content .cqncAnimate .numCircle .circle_d li:first-child
{
    margin-right: 0;
}
.content .cqncAnimate .numCircle .circle_d li:last-child
{
    margin-right: 42px;
}
.content .cqncAnimate .detail
{
    z-index: 2;
    position: absolute;
    top: 315px;
    left: 272px;
    width: 580px;
    height: 230px;
}
.content .cqncAnimate .detail .detail_l
{
    float: left;
    width: 355px;
    height: 100%;
    margin-left: 5px;
}
.content .cqncAnimate .detail .detail_l .nowIssue
{
    font-size: 30px;
    color: #524d45;
    margin-top: 5px;
    height: 58px;
    line-height: 58px;
}
.content .cqncAnimate .detail .detail_l .nowIssue span
{
    margin-left: 20px;
    color: #e10000;
}
.content .cqncAnimate .detail .detail_l .numlist
{
    margin: 0;
    width: 100%;
    height: 52px;
    line-height: 52px;
}
.content .cqncAnimate .detail .detail_l .numlist li
{
    float: left;
    font-size: 30px;
    color: #a17244;
    margin-right: 7px;
}
.content .cqncAnimate .detail .detail_l .numlist li:first-child
{
    margin-left: 5px;
}
.content .cqncAnimate .detail .detail_l .numlist li:last-child
{
    margin-right: 5px;
}
.content .cqncAnimate .detail .detail_l .sum, .content .cqncAnimate .detail .detail_l .longhu
{
    width: 100%;
    height: 60px;
    font-size: 30px;
    color: #524d45;
}
.content .cqncAnimate .detail .detail_l .sum
{
    line-height: 60px;
}
.content .cqncAnimate .detail .detail_l .longhu span
{
    margin-right: 10px;
}
.content .cqncAnimate .detail .detail_r
{
    float: right;
    width: 220px;
    height: 100%;
    font-size: 30px;
    position: relative;
}
.content .cqncAnimate .detail .detail_r #mnkai_text
{
    display: none;
    position: absolute;
    border-radius: 3px;
    top: 132px;
    left: 37px;
    font-size: 16px;
    padding: 5px 8px;
    background: rgba(0,0,0,.7);
    color: rgba(250,250,250,.8);
}
.content .cqncAnimate .detail .detail_r span
{
    display: block;
    text-align: center;
}
.content .cqncAnimate .detail .detail_r .cutTime
{
    width: 216px;
    height: 70px;
    line-height: 70px;
    color: #fff;
    margin-top: 20px;
}
.content .cqncAnimate .detail .detail_r .timeing
{
    width: 216px;
    height: 70px;
    color: #fcff00;
}
.content .cqncAnimate .detail .detail_r .startBtn
{
    width: 216px;
    height: 52px;
    line-height: 52px;
    color: #fff;
    cursor: pointer;
    background: url("/static/pc/js/lib/video/cqnc_video/img/startBtn.png") no-repeat;
}
.content .cqncAnimate .detail .detail_r .startBtn:hover
{
    color: #f00;
}