@charset "utf-8";
/* CSS Document */


html, body {
    margin: 0px 0px;
    height: 100%;
}

iframe {
    margin: 0px 0px;
    height: 100%;
}

.iframediv {
    height: 92%;
    overflow: hidden;
}

.action {
    width: 46px;
    height: 52px;
    float: left;
    margin-top: 5px;
    margin-bottom: 5px;
}

    .action:hover {
        cursor: pointer;
        color: #ff6600;
        background: #bbb;
    }


    .action.active {
        color: #fff !important;
        background: #ff6600;
    }

.active > .actionname {
    color: #fff !important;
}

.actionpic {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    margin: 0 auto;
    font-size: 24px;
}

.actionname {
    width: 100%;
    overflow: hidden;
    text-align: center;
    margin-top: 3px;
    color: #333;
    font-size: 12px;
}

.line {
    position: relative;
    width: 100%;
    padding: 10px 13px;
    clear: both;
    overflow: hidden;
    box-sizing: border-box;
    border-bottom: solid 1px #fff;
}

line .leftLine {
    float: left;
}

.chgTip {
    display: inline-block;
    height: 28px;
    line-height: 28px;
    text-align: left;
    color: #333;
    float: left;
    font-size: 14px;
    margin-right: 10px;
    margin-left: 5px;
}

.inputGroup1 {
    width: 64px;
    height: 28px;
    border: 1px solid #ccc;
    float: left;
    overflow: hidden;
    border-radius: 3px;
    box-sizing: border-box;
}

    .inputGroup1 input {
        width: 42px;
        height: 26px;
        text-align: left;
        text-indent: 5px;
        box-shadow: none;
        border-radius: 0;
        float: left;
        border: 0;
    }

.numBtn {
    width: 20px;
    height: 26px;
    box-sizing: border-box;
    border-left: 1px solid rgba(0,0,0,0.1);
    background-color: rgba(255,255,255,0.6);
    float: left;
}

    .numBtn .numPlus {
        background-position: 6px 5px;
    }

    .numBtn .numCut {
        border-top: 1px solid rgba(0,0,0,0.1);
        background-position: 6px -20px;
    }

    .numBtn .numPlus, .numBtn .numCut {
        height: 50%;
        width: 100%;
        box-sizing: border-box;
        cursor: pointer;
        background-image: url(/images/downward.png);
        background-repeat: no-repeat;
    }




.row-fluid {
    width: 100%;
    *zoom: 1;
}

    .row-fluid:before, .row-fluid:after {
        display: table;
        content: "";
        line-height: 0;
    }

    .row-fluid:after {
        clear: both;
    }

    .row-fluid [class*="span"] {
        display: block;
        width: 100%;
        min-height: 30px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
    }

    .row-fluid [class*="span"] {
        margin-left: 0;
        min-height: 30px;
    }

    .row-fluid .controls-row [class*="span"] + [class*="span"] {
        margin-left: 1.127659574468085%;
    }

    .row-fluid .span12 {
        width: 100%;
        margin: 0 auto;
        float: none;
    }

    .row-fluid .span11 {
        width: 91.666666666666666%;
    }

    .row-fluid .span10 {
        width: 83.333333333333333%;
    }

    .row-fluid .span9 {
        width: 75%;
    }

    .row-fluid .span8 {
        width: 66.666666666666666%;
    }

    .row-fluid .span7 {
        width: 58.333333333333333%;
    }

    .row-fluid .span6 {
        width: 50%;
    }

    .row-fluid .span5 {
        width: 41.666666666666666%;
    }

    .row-fluid .span4 {
        width: 33.333333333333333%;
    }

    .row-fluid .span3 {
        width: 25%;
    }

    .row-fluid .span2 {
        width: 16.666666666666666%;
    }

    .row-fluid .span1 {
        width: 8.333333333333333%;
    }


    [class*="span"].hide, .row-fluid [class*="span"].hide {
        display: none;
    }

    [class*="span"].pull-right, .row-fluid [class*="span"].pull-right {
        float: right;
    }






.buju_a {
    background: #FFFFFF;
    width: 45px;
    padding-top: 3px;
    padding-bottom: 3px;
    float: left;
    margin-left: 7px;
    overflow: hidden;
    margin-top: 10px;
    cursor: pointer;
}

    .buju_a span {
        display: block;
        text-align: center;
        font-size: 12px;
        color: #999999;
        margin-top: 2px;
    }

    .buju_a.on {
        background: #69D3E7;
    }


        /*.buju_b {
    background: #69D3E7;
    width: 45px;
    padding-top: 3px;
    padding-bottom: 3px;
    float: left;
    margin-left: 7px;
    overflow: hidden;
    margin-top:10px;
}*/

        .buju_a.on span {
            display: block;
            text-align: center;
            font-size: 12px;
            color: #fff;
            margin-top: 2px;
        }

.bujutu {
    background: url(/images/bujuicon.png) no-repeat;
    display: block;
    width: 41px;
    height: 25px;
}

.buju_12 {
    background-position: -2px -9px;
}

.buju_66 {
    background-position: -50px -9px;
}

.buju_444 {
    background-position: -98px -9px;
}

.buju_363 {
    background-position: -146px -9px;
}

.buju_39 {
    background-position: -195px -9px;
}

.buju_93 {
    background-position: -243px -9px;
}

.buju_48 {
    background-position: -291px -9px;
}

.buju_84 {
    background-position: -339px -9px;
}

.buju_3333 {
    background-position: -388px -9px;
}

.buju_336 {
    background-position: -436px -9px;
}

.buju_633 {
    background-position: -484px -9px;
}

.buju_222222 {
    background-position: -532px -9px;
}

.buju_zdy {
    background-position: -580px -9px;
}

.buju_11 {
    background-position: -630px -9px;
}


.buju_a.on .buju_12 {
    background-position: -2px -43px;
}

.buju_a.on .buju_66 {
    background-position: -50px -43px;
}

.buju_a.on .buju_444 {
    background-position: -98px -43px;
}

.buju_a.on .buju_363 {
    background-position: -146px -43px;
}

.buju_a.on .buju_39 {
    background-position: -195px -43px;
}

.buju_a.on .buju_93 {
    background-position: -243px -43px;
}

.buju_a.on .buju_48 {
    background-position: -291px -43px;
}

.buju_a.on .buju_84 {
    background-position: -339px -43px;
}

.buju_a.on .buju_3333 {
    background-position: -388px -43px;
}

.buju_a.on .buju_336 {
    background-position: -436px -43px;
}

.buju_a.on .buju_633 {
    background-position: -484px -43px;
}

.buju_a.on .buju_222222 {
    background-position: -532px -43px;
}

.buju_a.on .buju_zdy {
    background-position: -580px -43px;
}

.buju_a.on .buju_11 {
    background-position: -630px -43px;
}


.slide_a {
    line-height: 36px;
    padding: 0 5px;
    cursor: pointer;
    display: block;
    float: left;
    text-decoration:none !important;
}




/*新增*/

#showpage {
    margin: 0 auto;
    overflow-x: hidden;
}

    #showpage .row-fluid [class*="span"] {
        margin-left: 0;
        min-height: 0px;
    }

.fl {
    float: left;
}

.f_mainToolLeft span {
    color: #333;
}

    .f_mainToolLeft span:hover {
        color: #FF6600;
    }

.f_mainToolMedia .on {
    color: #FF6600;
}




/*新增*/
@media (max-width:768px) {

    /*.row-fluid [class*="span"] {
        display: block;
        width: 100%;
        min-height: 30px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: none;
        margin-left: 0px;
    }


    .view[column_max_767="1"] > .row-fluid [class*="span"] {
        display: block;
        width: 100%;
        min-height: 30px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: none;
        margin-left: 0px;
    }*/





    .view[column_max_767="2"] > div > div:nth-child(2n+1),
    .view[column_max_767="3"] > div > div:nth-child(3n+1),
    .view[column_max_767="4"] > div > div:nth-child(4n+1),
    .view[column_max_767="5"] > div > div:nth-child(5n+1),
    .view[column_max_767="6"] > div > div:nth-child(6n+1) {
        clear: both;
    }

    .view:not([column_max_767="no"]) > div > div {
        display: block;
        width: 100%;
        float: none; 
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: none;
        margin-left: 0px;
    }

    .view[column_max_767="1"] > div > div {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        float: none;
    }

    .view[column_max_767="2"] > div > div {
        width: 50% !important;
        float: left !important;
    }

    .view[column_max_767="3"] > div > div {
        width: 33.333333333333333% !important;
        float: left !important;
    }

    .view[column_max_767="4"] > div > div {
        width: 25% !important;
        float: left !important;
    }

    .view[column_max_767="5"] > div > div {
        width: 20% !important;
        float: left !important;
    }

    .view[column_max_767="6"] > div > div {
        width: 16.666666666666666% !important;
        float: left !important;
    }
}



/* 幻灯片效果样式设置  */

.slideBox {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    /*border: 1px solid #ddd;*/
}

    .slideBox .hd {
        height: 20px;
        overflow: hidden;
        position: absolute;
        right: 48%;
        bottom: 5px;
        z-index: 1;
    }

        .slideBox .hd ul {
            overflow: hidden;
            zoom: 1;
            float: left;
        }

            .slideBox .hd ul li {
                float: left;
                margin-right: 4px;
                width: 15px;
                height: 15px;
                line-height: 14px;
                text-align: center;
                background: #fff;
                cursor: pointer;
                border-radius: 7px;
            }

                .slideBox .hd ul li.on {
                    background: #ff6600;
                    color: #fff;
                }

    .slideBox .bd {
        position: relative;
        z-index: 0;
    }

        .slideBox .bd li {
            zoom: 1;
            vertical-align: middle;
        }

        .slideBox .bd img {
            width: 100%;
            display: block;
        }

    /* 下面是前/后按钮代码，如果不需要删除即可 */
    .slideBox .prev,
    .slideBox .next {
        position: absolute;
        left: 3%;
        top: 50%;
        margin-top: -25px;
        display: block;
        width: 32px;
        height: 40px;
        background: url(/images/slider-arrow.png) -110px 5px no-repeat;
        filter: alpha(opacity=50);
        opacity: 0.6;
        /*z-index: 10;*/
        background-color: #999;
    }

    .slideBox .next {
        left: auto;
        right: 3%;
        background-position: 8px 5px;
    }

        .slideBox .prev:hover,
        .slideBox .next:hover {
            filter: alpha(opacity=100);
            opacity: 1;
            background-color: #0068b7;
        }

    .slideBox .prevStop {
        display: none;
    }

    .slideBox .nextStop {
        display: none;
    }

@media (max-width:768px) {


    .slideBox .hd ul li {
        float: left;
        margin-right: 4px;
        width: 8px;
        height: 8px;
        line-height: 14px;
        text-align: center;
        background: #fff;
        cursor: pointer;
        border-radius: 4px;
    }

    .slideBox .prev,
    .slideBox .next {
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        position: absolute;
        left: 3%;
        top: 50%;
        margin-top: -25px;
        display: block;
        width: 32px;
        height: 40px;
        background: url(/images/slider-arrow.png) -110px 5px no-repeat;
        filter: alpha(opacity=50);
        opacity: 0.6;
        /*z-index: 10;*/
        background-color: #999;
    }

    .slideBox .next {
        left: auto;
        right: 3%;
        background-position: 8px 5px;
    }


    .slideBox .hd {
        height: 20px;
        overflow: hidden;
        position: absolute;
        right: 48%;
        bottom: -5px;
        z-index: 1;
    }
}

/* 幻灯片效果样式设置  */