@charset "UTF-8";

/*ccs-1*/
.open_page{
    display: inline-block;
    padding: 5px;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.open_page div{
    display: inline-block;
    vertical-align: bottom;
    height: 24px;
    line-height: 24px;
}
.open_page .whj_padding{
    padding: 1px 9px;
}
.open_page .whj_bgc{
    background-color: #fff;
    color: #698ca9;
}
.open_page .whj_hover:hover{
    background-color: #d4f1ff;
    color: #698ca9;
    cursor: pointer;
}
.open_page .whj_checked{
    background-color: #d4f1ff;
    color: #698ca9;
}
.open_page .whj_border{
    border: 1px solid #5b9fd6;
}
.open_page .whj_color{
    color: #698ca9;
}
.open_page .whj_hoverDisable{
    opacity: 0.5;
}
.open_page select{
    height: 28px;
    vertical-align: bottom;
    margin: 0px;
    padding: 0px;
    outline: none;
}
.open_page input{
    margin: 0px;
    padding: 0px;
    height: 26px;
    outline: none;
    text-align: center;
    width: 60px;
    vertical-align: bottom;
}
.open_page div,.open_page input,.open_page select{
    margin: 0px 2px;
}

/*ccs-2*/
.open_page-2{
    display: inline-block;
    padding: 5px;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    width: 700px;
}
.open_page-2 div{
    display: inline-block;
    vertical-align: bottom;
    height: 24px;
    line-height: 24px;
    width: 25px;
    max-width: 200px;
    float: left;
}
.open_page-2 .whj_padding{
    padding: 1px 5px;
}
.open_page-2 .whj_bgc{
    background-color: #3F79CD;
    color: #fff;

}
.open_page-2 .whj_hover:hover{
    background-color: #d4f1ff;
    color: #5194ca;
    cursor: pointer;
}
.open_page-2 .whj_checked{
    background-color: #d4f1ff;
    color: #5194ca;
}
.open_page-2 .whj_border{
    border: 1px solid #5194ca;
}
.open_page-2 .whj_color{
    color: #5194ca;
    width: 150px;
}
.open_page-2 .whj_hoverDisable{
    opacity: 0.7;
}
.open_page-2 select{
    height: 28px;
    vertical-align: bottom;
    margin: 0px;
    padding: 0px;
    outline: none;
}
.open_page-2 input{
    margin: 0px;
    padding: 0px;
    height: 26px;
    outline: none;
    text-align: center;
    width: 60px;
    vertical-align: bottom;
}
.open_page-2 div,.open_page-2 input,.open_page-2 select{
    margin: 0px 2px;
}

/*ccs-3*/
.open_page-3{
    display: inline-block;
    padding: 5px;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.open_page-3 div{
    display: inline-block;
    vertical-align: bottom;
    height: 24px;
    line-height: 24px;
}
.open_page-3 .whj_padding{
    padding: 1px 9px;
}
.open_page-3 .whj_bgc{
    background-color: #7a7b7b;
    color: #fff;
}
.open_page-3 .whj_hover:hover{
    background-color: #e0dddd;
    color: #7a7b7b;
    cursor: pointer;
}
.open_page-3 .whj_checked{
    background-color: #e0dddd;
    color: #7a7b7b;
}
.open_page-3 .whj_border{
    border: 1px solid #929292;
}
.open_page-3 .whj_color{
    color: #929292;
}
.open_page-3 .whj_hoverDisable{
    opacity: 0.5;
}
.open_page-3 select{
    height: 28px;
    vertical-align: bottom;
    margin: 0px;
    padding: 0px;
    outline: none;
}
.open_page-3 input{
    margin: 0px;
    padding: 0px;
    height: 26px;
    outline: none;
    text-align: center;
    width: 60px;
    vertical-align: bottom;
}
.open_page-3 div,.open_page-3 input,.open_page-3 select{
    margin: 0px 2px;
}

/*ccs-4*/
.open_page-4{
    display: inline-block;
    padding: 5px;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.open_page-4 div{
    display: inline-block;
    vertical-align: bottom;
    height: 24px;
    line-height: 24px;
}
.open_page-4 .whj_padding{
    padding: 1px 9px;
}
.open_page-4 .whj_bgc{
    background-color: #f5f5f5;
    color: #907272;
}
.open_page-4 .whj_hover:hover{
    background-color: #afacac;
    color: #fff;
    cursor: pointer;
}
.open_page-4 .whj_checked{
    background-color: #afacac;
    color: #fff;
}
.open_page-4 .whj_border{
    border: 1px solid #907272;
}
.open_page-4 .whj_color{
    color: #907272;
}
.open_page-4 .whj_hoverDisable{
    opacity: 0.5;
}
.open_page-4 select{
    height: 28px;
    vertical-align: bottom;
    margin: 0px;
    padding: 0px;
    outline: none;
}
.open_page-4 input{
    margin: 0px;
    padding: 0px;
    height: 26px;
    outline: none;
    text-align: center;
    width: 60px;
    vertical-align: bottom;
}
.open_page-4 div,.open_page-4 input,.open_page-4 select{
    margin: 0px 2px;
}

/*ccs-5*/
.open_page-5{
    display: inline-block;
    padding: 5px;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.open_page-5 div{
    display: inline-block;
    vertical-align: bottom;
    height: 24px;
    line-height: 24px;
}
.open_page-5 .whj_padding{
    padding: 1px 9px;
}
.open_page-5 .whj_bgc{
    background-color: #199eaf;
    color: #fff;
}
.open_page-5 .whj_hover:hover{
    background-color: #d4f1ff;
    color: #199eaf;
    cursor: pointer;
}
.open_page-5 .whj_checked{
    background-color: #d4f1ff;
    color: #199eaf;
}
.open_page-5 .whj_border{
    border: 1px solid #199eaf;
}
.open_page-5 .whj_color{
    color: #199eaf;
}
.open_page-5 .whj_hoverDisable{
    opacity: 0.5;
}
.open_page-5 select{
    height: 28px;
    vertical-align: bottom;
    margin: 0px;
    padding: 0px;
    outline: none;
}
.open_page-5 input{
    margin: 0px;
    padding: 0px;
    height: 26px;
    outline: none;
    text-align: center;
    width: 60px;
    vertical-align: bottom;
}
.open_page-5 div,.open_page-5 input,.open_page-5 select{
    margin: 0px 2px;
}