/* 页面颜色风格1 */


.bar-style-1, .bar-style-1:hover, .bar-style-1:focus {
    color: #b761c5;
    border-top: 2px solid #b761c5;
    margin-top: -2px;
    background: #fff;
}

.bar-style-2, .bar-style-2:hover, .bar-style-2:focus {
    color: #0e90d2;
    border-top: 2px solid #0e90d2;
    margin-top: -2px;
    background: #fff;
}

.bar-style-3, .bar-style-3:hover, .bar-style-3:focus {
    color: #3bb4f2;
    border-top: 2px solid #3bb4f2;
    margin-top: -2px;
    background: #fff;
}

.bar-style-4, .bar-style-4:hover, .bar-style-4:focus {
    color: #5eb95e;
    border-top: 2px solid #5eb95e;
    margin-top: -2px;
    background: #fff;
}

.bar-style-5, .bar-style-5:hover, .bar-style-5:focus {
    color: #F37B1D;
    border-top: 2px solid #F37B1D;
    margin-top: -2px;
    background: #fff;
}

.bar-style-6, .bar-style-6:hover, .bar-style-6:focus {
    color: #dd514c;
    border-top: 2px solid #dd514c;
    margin-top: -2px;
    background: #fff;
}

.bar-style-7, .bar-style-7:hover, .bar-style-7:focus {
    color: #249e92;
    border-top: 2px solid #249e92;
    margin-top: -2px;
    background: #fff;
}

.bar-style-8, .bar-style-8:hover, .bar-style-8:focus {
    color: #999999;
    border-top: 2px solid #999999;
    margin-top: -2px;
    background: #fff;
}

.bar-style-9, .bar-style-9:hover, .bar-style-9:focus {
    color: #eb3774;
    border-top: 2px solid #eb3774;
    margin-top: -2px;
    background: #fff;
}

.bar-style-10, .bar-style-10:hover, .bar-style-10:focus {
    color: #222d32;
    border-top: 2px solid #222d32;
    margin-top: -2px;
    background: #fff;
}

.bg-style-1, .bg-style-1:hover, .bg-style-1:focus {
    background: #b761c5;
    color: #fff;
    border: none;
}

.bg-style-2, .bg-style-2:hover, .bg-style-2:focus {
    background: #0e90d2;
    color: #fff;
    border: none;
}

.bg-style-3, .bg-style-3:hover, .bg-style-3:focus {
    background: #3bb4f2;
    color: #fff;
    border: none;
}

.bg-style-4, .bg-style-4:hover, .bg-style-4:focus {
    background: #5eb95e;
    color: #fff;
    border: none;
}

.bg-style-5, .bg-style-5:hover, .bg-style-5:focus {
    background: #F37B1D;
    color: #fff;
    border: none;
}

.bg-style-6, .bg-style-6:hover, .bg-style-6:focus {
    background: #dd514c;
    color: #fff;
    border: none;
}

.bg-style-7, .bg-style-7:hover, .bg-style-7:focus {
    background: #249e92;
    color: #fff;
    border: none;
}

.bg-style-8, .bg-style-8:hover, .bg-style-8:focus {
    background: #999999;
    color: #fff;
    border: none;
}

.bg-style-9, .bg-style-9:hover, .bg-style-9:focus {
    background: #eb3774;
    color: #fff;
    border: none;
}

.bg-style-10, .bg-style-10:hover, .bg-style-10:focus {
    background: #222d32;
    color: #fff;
    border: none;
}

.bg-style-1-o, .bg-style-1-o:hover, .bg-style-1-o:focus, .bg-style-1-o:active:hover {
    background-color: #fff;
    color: #b761c5;
    border: none;
}

.bg-style-2-o, .bg-style-2-o:hover, .bg-style-2-o:focus, .bg-style-2-o:active:hover {
    background-color: #fff;
    color: #0e90d2;
    border: none;
}

.bg-style-3-o, .bg-style-3-o:hover, .bg-style-3-o:focus, .bg-style-3-o:active:hover {
    background-color: #fff;
    color: #3bb4f2;
    border: none;
}

.bg-style-4-o, .bg-style-4-o:hover, .bg-style-4-o:focus, .bg-style-4-o:active:hover {
    background-color: #fff;
    color: #5eb95e;
    border: none;
}

.bg-style-5-o, .bg-style-5-o:hover, .bg-style-5-o:focus, .bg-style-5-o:active:hover {
    background-color: #fff;
    color: #F37B1D;
    border: none;
}

.bg-style-6-o, .bg-style-6-o:hover, .bg-style-6-o:focus, .bg-style-6-o:active:hover {
    background-color: #fff;
    color: #dd514c;
    border: none;
}

.bg-style-7-o, .bg-style-7-o:hover, .bg-style-7-o:focus, .bg-style-7-o:active:hover {
    background-color: #fff;
    color: #249e92;
    border: none;
}

.bg-style-8-o, .bg-style-8-o:hover, .bg-style-8-o:focus, .bg-style-8-o:active:hover {
    background-color: #fff;
    color: #999999;
    border: none;
}

.bg-style-9-o, .bg-style-9-o:hover, .bg-style-9-o:focus, .bg-style-9-o:active:hover {
    background-color: #fff;
    color: #eb3774;
    border: none;
}

.bg-style-10-o, .bg-style-10-o:hover, .bg-style-10-o:focus, .bg-style-10-o:active:hover {
    background-color: #fff;
    color: #222d32;
    border: none;
}
/* 输入框风格 */

.text-style-1, .vote-item-box .item .panel-heading.text-style-1{
    color: #b761c5;
}
input.text-style-1::-webkit-input-placeholder{
    color: #b761c5;
}
input.text-style-1:-moz-placeholder{
    color: #b761c5;
}
input.text-style-1::-moz-placeholder{
    color: #b761c5;
}
input.text-style-1:-ms-input-placeholder{
    color: #b761c5;
}
.text-style-2, .vote-item-box .item .panel-heading.text-style-2{
    color: #0e90d2;
}
input.text-style-2::-webkit-input-placeholder{
    color: #0e90d2;
}
input.text-style-2:-moz-placeholder{
    color: #0e90d2;
}
input.text-style-2::-moz-placeholder{
    color: #0e90d2;
}
input.text-style-2:-ms-input-placeholder{
    color: #0e90d2;
}
.text-style-3, .vote-item-box .item .panel-heading.text-style-3{
    color: #3bb4f2;
}
input.text-style-3::-webkit-input-placeholder{
    color: #3bb4f2;
}
input.text-style-3:-moz-placeholder{
    color: #3bb4f2;
}
input.text-style-3::-moz-placeholder{
    color: #3bb4f2;
}
input.text-style-3:-ms-input-placeholder{
    color: #3bb4f2;
}
.text-style-4, .vote-item-box .item .panel-heading.text-style-4{
    color: #5eb95e;
}
input.text-style-4::-webkit-input-placeholder{
    color: #5eb95e;
}
input.text-style-4:-moz-placeholder{
    color: #5eb95e;
}
input.text-style-4::-moz-placeholder{
    color: #5eb95e;
}
input.text-style-4:-ms-input-placeholder{
    color: #5eb95e;
}
.text-style-5, .vote-item-box .item .panel-heading.text-style-5{
    color: #F37B1D;
}
input.text-style-5::-webkit-input-placeholder{
    color: #F37B1D;
}
input.text-style-5:-moz-placeholder{
    color: #F37B1D;
}
input.text-style-5::-moz-placeholder{
    color: #F37B1D;
}
input.text-style-5:-ms-input-placeholder{
    color: #F37B1D;
}
.text-style-6, .vote-item-box .item .panel-heading.text-style-6{
    color: #dd514c;
}
input.text-style-6::-webkit-input-placeholder{
    color: #dd514c;
}
input.text-style-6:-moz-placeholder{
    color: #dd514c;
}
input.text-style-6::-moz-placeholder{
    color: #dd514c;
}
input.text-style-6:-ms-input-placeholder{
    color: #dd514c;
}
.text-style-7, .vote-item-box .item .panel-heading.text-style-7{
    color: #249e92;
}
input.text-style-7::-webkit-input-placeholder{
    color: #249e92;
}
input.text-style-7:-moz-placeholder{
    color: #249e92;
}
input.text-style-7::-moz-placeholder{
    color: #249e92;
}
input.text-style-7:-ms-input-placeholder{
    color: #249e92;
}
.text-style-8, .vote-item-box .item .panel-heading.text-style-8{
    color: #999999;
}
input.text-style-8::-webkit-input-placeholder{
    color: #999999;
}
input.text-style-8:-moz-placeholder{
    color: #999999;
}
input.text-style-8::-moz-placeholder{
    color: #999999;
}
input.text-style-8:-ms-input-placeholder{
    color: #999999;
}
.text-style-9, .vote-item-box .item .panel-heading.text-style-9{
    color: #eb3774;
}
input.text-style-9::-webkit-input-placeholder{
    color: #eb3774;
}
input.text-style-9:-moz-placeholder{
    color: #eb3774;
}
input.text-style-9::-moz-placeholder{
    color: #eb3774;
}
input.text-style-9:-ms-input-placeholder{
    color: #eb3774;
}
.text-style-10, .vote-item-box .item .panel-heading.text-style-10{
    color: #222d32;
}
input.text-style-10::-webkit-input-placeholder{
    color: #222d32;
}
input.text-style-10:-moz-placeholder{
    color: #222d32;
}
input.text-style-10::-moz-placeholder{
    color: #222d32;
}
input.text-style-10:-ms-input-placeholder{
    color: #222d32;
}