/* 页面颜色风格1 */

.bar-style,
.bar-style:hover,
.bar-style:focus {
    color: #a8a8a8;
    background: #fff;
}

.bg-style-1,
.bg-style-1:hover,
.bg-style-1:focus {
    background: #00aaf8;
    color: #fff;
    border: none;
    outline: none;
    box-shadow: none;
}

.bg-style-2,
.bg-style-2:hover,
.bg-style-2:focus {
    background: #6372d3;
    color: #fff;
    border: none;
    outline: none;
    box-shadow: none;
}

.bg-style-3,
.bg-style-3:hover,
.bg-style-3:focus {
    background: #b153f1;
    color: #fff;
    border: none;
    outline: none;
    box-shadow: none;
}

.bg-style-4,
.bg-style-4:hover,
.bg-style-4:focus {
    background: #ff609a;
    color: #fff;
    border: none;
    outline: none;
    box-shadow: none;
}

.bg-style-5,
.bg-style-5:hover,
.bg-style-5:focus {
    background: #df0004;
    color: #fff;
    border: none;
    outline: none;
    box-shadow: none;
}

.bg-style-6,
.bg-style-6:hover,
.bg-style-6:focus {
    background: #ff9124;
    color: #fff;
    border: none;
    outline: none;
    box-shadow: none;
}

.bg-style-7,
.bg-style-7:hover,
.bg-style-7:focus {
    background: #f7c400;
    color: #fff;
    border: none;
    outline: none;
    box-shadow: none;
}

.bg-style-8,
.bg-style-8:hover,
.bg-style-8:focus {
    background: #56d600;
    color: #fff;
    border: none;
    outline: none;
    box-shadow: none;
}

.bg-style-9,
.bg-style-9:hover,
.bg-style-9:focus {
    background: #2fbd00;
    color: #fff;
    border: none;
    outline: none;
    box-shadow: none;
}

.bg-style-10,
.bg-style-10:hover,
.bg-style-10:focus {
    background: #00cfba;
    color: #fff;
    border: none;
    outline: none;
    box-shadow: none;
}

.bg-style-11,
.bg-style-11:hover,
.bg-style-11:focus {
    background: linear-gradient(to right, #ffbc5d, #f25771);
    color: #fff;
    border: none;
    outline: none;
    box-shadow: none;
}

.bg-style-12,
.bg-style-12:hover,
.bg-style-12:focus {
    background: linear-gradient(to right, #e584ff, #9e77ff);
    color: #fff;
    border: none;
    outline: none;
    box-shadow: none;
}

.bg-style-13,
.bg-style-13:hover,
.bg-style-13:focus {
    background: linear-gradient(to right, #77a6ff, #9784ff);
    color: #fff;
    border: none;
    outline: none;
    box-shadow: none;
}

.bg-style-14,
.bg-style-14:hover,
.bg-style-14:focus {
    background: linear-gradient(to right, #4facfe, #1ce6e6);
    color: #fff;
    border: none;
    outline: none;
    box-shadow: none;
}

.bg-style-15,
.bg-style-15.bar-style,
.bg-style-15:focus {
    background: linear-gradient(to right, #33c7ff, #4391f5);
    color: #fff;
    border: none;
    outline: none;
    box-shadow: none;
}

.bg-style-16,
.bg-style-16:hover,
.bg-style-16:focus {
    background: linear-gradient(to right, #cf9bff, #5bb8ff);
    color: #fff;
    border: none;
    outline: none;
    box-shadow: none;
}

.bg-style-17,
.bg-style-17:hover,
.bg-style-17:focus {
    background: linear-gradient(to right, #f093fb, #f5576c);
    color: #fff;
    border: none;
    outline: none;
    box-shadow: none;
}

.bg-style-101,
.bg-style-101:hover,
.bg-style-101:focus {
    background: #000;
    color: #fff;
    border: none;
    outline: none;
    box-shadow: none;
}

.bg-style-102,
.bg-style-102:hover,
.bg-style-102:focus {
    background: #f2f2f2;
    color: #758697;
    border: none;
    outline: none;
    box-shadow: none;
}

.bg-1,
.bg-1:hover,
.bg-1:focus {
    background: #00aaf8;
    color: #fff;
    border: none;
    outline: none;
    box-shadow: none;
}

.bg-2,
.bg-2:hover,
.bg-2:focus {
    background: #6372d3;
    color: #fff;
    border: none;
    outline: none;
    box-shadow: none;
}

.bg-3,
.bg-3:hover,
.bg-3:focus {
    background: #b153f1;
    color: #fff;
    border: none;
    outline: none;
    box-shadow: none;
}

.bg-4,
.bg-4:hover,
.bg-4:focus {
    background: #ff609a;
    color: #fff;
    border: none;
    outline: none;
    box-shadow: none;
}

.bg-5,
.bg-5:hover,
.bg-5:focus {
    background: #df0004;
    color: #fff;
    border: none;
    outline: none;
    box-shadow: none;
}

.bg-6,
.bg-6:hover,
.bg-6:focus {
    background: #ff9124;
    color: #fff;
    border: none;
    outline: none;
    box-shadow: none;
}

.bg-7,
.bg-7:hover,
.bg-7:focus {
    background: #f7c400;
    color: #fff;
    border: none;
    outline: none;
    box-shadow: none;
}

.bg-8,
.bg-8:hover,
.bg-8:focus {
    background: #56d600;
    color: #fff;
    border: none;
    outline: none;
    box-shadow: none;
}

.bg-9,
.bg-9:hover,
.bg-9:focus {
    background: #2fbd00;
    color: #fff;
    border: none;
    outline: none;
    box-shadow: none;
}

.bg-10,
.bg-10:hover,
.bg-10:focus {
    background: #00cfba;
    color: #fff;
    border: none;
    outline: none;
    box-shadow: none;
}

.bg-11,
.bg-11:hover,
.bg-11:focus {
    background: #ffbc5d;
    color: #fff;
    border: none;
    outline: none;
    box-shadow: none;
}

.bg-12,
.bg-12:hover,
.bg-12:focus {
    background: #e584ff;
    color: #fff;
    border: none;
    outline: none;
    box-shadow: none;
}

.bg-13,
.bg-13:hover,
.bg-13:focus {
    background: #77a6ff;
    color: #fff;
    border: none;
    outline: none;
    box-shadow: none;
}

.bg-14,
.bg-14:hover,
.bg-14:focus {
    background: #41bcf7;
    color: #fff;
    border: none;
    outline: none;
    box-shadow: none;
}

.bg-15,
.bg-15.bar-style,
.bg-15:focus {
    background: #33c7ff;
    color: #fff;
    border: none;
    outline: none;
    box-shadow: none;
}

.bg-16,
.bg-16:hover,
.bg-16:focus {
    background: #b0a3ff;
    color: #fff;
    border: none;
    outline: none;
    box-shadow: none;
}

.bg-17,
.bg-17:hover,
.bg-17:focus {
    background: #f183d4;
    color: #fff;
    border: none;
    outline: none;
    box-shadow: none;
}

.bg-101,
.bg-101:hover,
.bg-101:focus {
    background: #000;
    color: #fff;
    border: none;
    outline: none;
    box-shadow: none;
}

.bg-102,
.bg-102:hover,
.bg-102:focus {
    background: #f2f2f2;
    color: #758697;
    border: none;
    outline: none;
    box-shadow: none;
}

.bg-style-classify {
    border: 1px solid #bbb;
    color: #333;
}

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

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

.bg-style-2-o,
.bg-style-2-o:hover,
.bg-style-2-o:focus {
    color: #6372d3;
    background: #fff;
    border: none;
}

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

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

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

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

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

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

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

.bg-style-10-o,
.bg-style-10-o:hover,
.bg-style-10-o:focus {
    color: #00cfba;
    background: #fff;
    border: none;
}

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

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

.bg-style-13-o,
.bg-style-13-o:hover,
.bg-style-13-o:focus,
.bg-style-13-o:active:hover {
    background-color: #fff;
    color: #77a6ff;
    border: none;
}

.bg-style-14-o,
.bg-style-14-o:hover,
.bg-style-14-o:focus,
.bg-style-14-o:active:hover {
    background-color: #fff;
    color: #41bcf7;
    border: none;
}

.bg-style-15-o,
.bg-style-15-o:hover,
.bg-style-15-o:focus,
.bg-style-15-o:active:hover {
    background-color: #fff;
    color: #33c7ff;
    border: none;
}

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

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

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

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


/* 输入框风格 */

.text-style-1,
.text-style-1:hover,
.text-style-1:focus,
.vote-item-box .item .panel-heading.text-style-1 {
    color: #00aaf8;
}

input.text-style-1::-webkit-input-placeholder {
    color: #00aaf8;
}

input.text-style-1:-moz-placeholder {
    color: #00aaf8;
}

input.text-style-1::-moz-placeholder {
    color: #00aaf8;
}

input.text-style-1:-ms-input-placeholder {
    color: #00aaf8;
}

.text-style-2,
.text-style-2:hover,
.text-style-2:focus,
.vote-item-box .item .panel-heading.text-style-2 {
    color: #6372d3;
}

input.text-style-2::-webkit-input-placeholder {
    color: #6372d3;
}

input.text-style-2:-moz-placeholder {
    color: #6372d3;
}

input.text-style-2::-moz-placeholder {
    color: #6372d3;
}

input.text-style-2:-ms-input-placeholder {
    color: #6372d3;
}

.text-style-3,
.text-style-3:hover,
.text-style-3:focus,
.vote-item-box .item .panel-heading.text-style-3 {
    color: #b153f1;
}

input.text-style-3::-webkit-input-placeholder {
    color: #b153f1;
}

input.text-style-3:-moz-placeholder {
    color: #b153f1;
}

input.text-style-3::-moz-placeholder {
    color: #b153f1;
}

input.text-style-3:-ms-input-placeholder {
    color: #b153f1;
}

.text-style-4,
.text-style-4:hover,
.text-style-4:focus,
.vote-item-box .item .panel-heading.text-style-4 {
    color: #ff609a;
}

input.text-style-4::-webkit-input-placeholder {
    color: #ff609a;
}

input.text-style-4:-moz-placeholder {
    color: #ff609a;
}

input.text-style-4::-moz-placeholder {
    color: #ff609a;
}

input.text-style-4:-ms-input-placeholder {
    color: #ff609a;
}

.text-style-5,
.text-style-5:hover,
.text-style-5:focus,
.vote-item-box .item .panel-heading.text-style-5 {
    color: #df0004;
}

input.text-style-5::-webkit-input-placeholder {
    color: #df0004;
}

input.text-style-5:-moz-placeholder {
    color: #df0004;
}

input.text-style-5::-moz-placeholder {
    color: #df0004;
}

input.text-style-5:-ms-input-placeholder {
    color: #df0004;
}

.text-style-6,
.text-style-6:hover,
.text-style-6:focus,
.vote-item-box .item .panel-heading.text-style-6 {
    color: #ff9124;
}

input.text-style-6::-webkit-input-placeholder {
    color: #ff9124;
}

input.text-style-6:-moz-placeholder {
    color: #ff9124;
}

input.text-style-6::-moz-placeholder {
    color: #ff9124;
}

input.text-style-6:-ms-input-placeholder {
    color: #ff9124;
}

.text-style-7,
.text-style-7:hover,
.text-style-7:focus,
.vote-item-box .item .panel-heading.text-style-7 {
    color: #f7c400;
}

input.text-style-7::-webkit-input-placeholder {
    color: #f7c400;
}

input.text-style-7:-moz-placeholder {
    color: #f7c400;
}

input.text-style-7::-moz-placeholder {
    color: #f7c400;
}

input.text-style-7:-ms-input-placeholder {
    color: #f7c400;
}

.text-style-8,
.text-style-8:hover,
.text-style-8:focus,
.vote-item-box .item .panel-heading.text-style-8 {
    color: #56d600;
}

input.text-style-8::-webkit-input-placeholder {
    color: #56d600;
}

input.text-style-8:-moz-placeholder {
    color: #56d600;
}

input.text-style-8::-moz-placeholder {
    color: #56d600;
}

input.text-style-8:-ms-input-placeholder {
    color: #56d600;
}

.text-style-9,
.text-style-9:hover,
.text-style-9:focus,
.vote-item-box .item .panel-heading.text-style-9 {
    color: #2fbd00;
}

input.text-style-9::-webkit-input-placeholder {
    color: #2fbd00;
}

input.text-style-9:-moz-placeholder {
    color: #2fbd00;
}

input.text-style-9::-moz-placeholder {
    color: #2fbd00;
}

input.text-style-9:-ms-input-placeholder {
    color: #2fbd00;
}

.text-style-10,
.text-style-10:hover,
.text-style-10:focus,
.vote-item-box .item .panel-heading.text-style-10 {
    color: #00cfba;
}

input.text-style-10::-webkit-input-placeholder {
    color: #00cfba;
}

input.text-style-10:-moz-placeholder {
    color: #00cfba;
}

input.text-style-10::-moz-placeholder {
    color: #00cfba;
}

input.text-style-10:-ms-input-placeholder {
    color: #00cfba;
}

.text-style-11,
.text-style-11:hover,
.text-style-11:focus,
.vote-item-box .item .panel-heading.text-style-11 {
    color: #ffbc5d;
}

input.text-style-11::-webkit-input-placeholder {
    color: #ffbc5d;
}

input.text-style-11:-moz-placeholder {
    color: #ffbc5d;
}

input.text-style-11::-moz-placeholder {
    color: #ffbc5d;
}

input.text-style-11:-ms-input-placeholder {
    color: #ffbc5d;
}

.text-style-12,
.text-style-12:hover,
.text-style-12:focus,
.vote-item-box .item .panel-heading.text-style-12 {
    color: #e584ff;
}

input.text-style-12::-webkit-input-placeholder {
    color: #e584ff;
}

input.text-style-12:-moz-placeholder {
    color: #e584ff;
}

input.text-style-12::-moz-placeholder {
    color: #e584ff;
}

input.text-style-12:-ms-input-placeholder {
    color: #e584ff;
}

.text-style-13,
.text-style-13:hover,
.text-style-13:focus,
.vote-item-box .item .panel-heading.text-style-13 {
    color: #77a6ff;
}

input.text-style-13::-webkit-input-placeholder {
    color: #77a6ff;
}

input.text-style-13:-moz-placeholder {
    color: #77a6ff;
}

input.text-style-13::-moz-placeholder {
    color: #77a6ff;
}

input.text-style-13:-ms-input-placeholder {
    color: #77a6ff;
}

.text-style-14,
.text-style-14:hover,
.text-style-14:focus,
.vote-item-box .item .panel-heading.text-style-14 {
    color: #41bcf7;
}

input.text-style-14::-webkit-input-placeholder {
    color: #41bcf7;
}

input.text-style-14:-moz-placeholder {
    color: #41bcf7;
}

input.text-style-14::-moz-placeholder {
    color: #41bcf7;
}

input.text-style-14:-ms-input-placeholder {
    color: #41bcf7;
}

.text-style-15,
.text-style-15:hover,
.text-style-15:focus,
.vote-item-box .item .panel-heading.text-style-15 {
    color: #33c7ff;
}

input.text-style-15::-webkit-input-placeholder {
    color: #33c7ff;
}

input.text-style-15:-moz-placeholder {
    color: #33c7ff;
}

input.text-style-15::-moz-placeholder {
    color: #33c7ff;
}

input.text-style-15:-ms-input-placeholder {
    color: #33c7ff;
}

.text-style-16,
.text-style-16:hover,
.text-style-16:focus,
.vote-item-box .item .panel-heading.text-style-16 {
    color: #b0a3ff;
}

input.text-style-16::-webkit-input-placeholder {
    color: #b0a3ff;
}

input.text-style-16:-moz-placeholder {
    color: #b0a3ff;
}

input.text-style-16::-moz-placeholder {
    color: #b0a3ff;
}

input.text-style-16:-ms-input-placeholder {
    color: #b0a3ff;
}

.text-style-17,
.text-style-17:hover,
.text-style-17:focus,
.vote-item-box .item .panel-heading.text-style-17 {
    color: #f183d4;
}

input.text-style-17::-webkit-input-placeholder {
    color: #f183d4;
}

input.text-style-17:-moz-placeholder {
    color: #f183d4;
}

input.text-style-17::-moz-placeholder {
    color: #f183d4;
}

input.text-style-17:-ms-input-placeholder {
    color: #f183d4;
}

.text-style-101,
.text-style-101:hover,
.text-style-101:focus,
.vote-item-box .item .panel-heading.text-style-101 {
    color: #000;
}

input.text-style-101::-webkit-input-placeholder {
    color: #000;
}

input.text-style-101:-moz-placeholder {
    color: #000;
}

input.text-style-101::-moz-placeholder {
    color: #000;
}

input.text-style-101:-ms-input-placeholder {
    color: #000;
}

.text-style-102,
.text-style-102:hover,
.text-style-102:focus,
.vote-item-box .item .panel-heading.text-style-102 {
    color: #666;
}

input.text-style-102::-webkit-input-placeholder {
    color: #666;
}

input.text-style-102:-moz-placeholder {
    color: #666;
}

input.text-style-102::-moz-placeholder {
    color: #666;
}

input.text-style-102:-ms-input-placeholder {
    color: #666;
}

.bg-box-1 {
    background-color: rgba(0, 170, 248, 0.1);
}

.bg-box-2 {
    background-color: rgba(99, 114, 211, 0.1);
}

.bg-box-3 {
    background-color: rgba(177, 83, 241, 0.1);
}

.bg-box-4 {
    background-color: rgba(255, 96, 154, 0.1);
}

.bg-box-5 {
    background-color: rgba(223, 0, 4, 0.1);
}

.bg-box-6 {
    background-color: rgba(255, 145, 36, 0.1);
}

.bg-box-7 {
    background-color: rgba(247, 196, 0, 0.1);
}

.bg-box-8 {
    background-color: rgba(86, 214, 0, 0.1);
}

.bg-box-9 {
    background-color: rgba(47, 189, 0, 0.1);
}

.bg-box-10 {
    background-color: rgba(0, 207, 186, 0.1);
}

.bg-box-11 {
    background-color: rgba(255, 188, 93, 0.1);
}

.bg-box-12 {
    background-color: rgba(229, 132, 155, 0.1);
}

.bg-box-13 {
    background-color: rgba(119, 166, 255, 0.1);
}

.bg-box-14 {
    background-color: rgba(65, 188, 247, 0.1);
}

.bg-box-15 {
    background-color: rgba(51, 199, 255, 0.1);
}

.bg-box-16 {
    background-color: rgba(176, 163, 255, 0.1);
}

.bg-box-17 {
    background-color: rgba(241, 131, 212, 0.1);
}

.bg-box-101 {
    background-color: rgba(0, 0, 0, 0.1);
}

.bg-box-102 {
    background-color: rgba(102, 102, 102, 0.1);
}

.bg-number-1 {
    background-color: rgba(0, 170, 248, 0.4);
}

.bg-number-2 {
    background-color: rgba(99, 114, 211, 0.4);
}

.bg-number-3 {
    background-color: rgba(177, 83, 241, 0.4);
}

.bg-number-4 {
    background-color: rgba(255, 96, 154, 0.4);
}

.bg-number-5 {
    background-color: rgba(223, 0, 4, 0.4);
}

.bg-number-6 {
    background-color: rgba(255, 145, 36, 0.4);
}

.bg-number-7 {
    background-color: rgba(247, 196, 0, 0.4);
}

.bg-number-8 {
    background-color: rgba(86, 214, 0, 0.4);
}

.bg-number-9 {
    background-color: rgba(47, 189, 0, 0.4);
}

.bg-number-10 {
    background-color: rgba(0, 207, 186, 0.4);
}

.bg-number-11 {
    background-color: rgba(255, 188, 93, 0.4);
}

.bg-number-12 {
    background-color: rgba(229, 132, 155, 0.4);
}

.bg-number-13 {
    background-color: rgba(119, 166, 255, 0.4);
}

.bg-number-14 {
    background-color: rgba(65, 188, 247, 0.4);
}

.bg-number-15 {
    background-color: rgba(51, 199, 255, 0.4);
}

.bg-number-16 {
    background-color: rgba(176, 163, 255, 0.4);
}

.bg-number-17 {
    background-color: rgba(241, 131, 212, 0.4);
}

.bg-number-101 {
    background-color: rgba(0, 0, 0, 0.4);
}

.bg-number-102 {
    background-color: rgba(102, 102, 102, 0.4);
}

.border-style {
    position: relative;
}

.border-style::before {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 70%;
    background: #ddd;
}

.border-style::after {
    content: "";
    position: absolute;
    display: block;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 70%;
    background: #ddd;
}