/* 页面颜色风格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;
}

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

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

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

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

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

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

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

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

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

.bg-style-11,
.bg-style-11:hover,
.bg-style-11:focus {
    background: linear-gradient(to right, #FFBC5D, #F25771);
    color: #fff;
    border: none;
}

.bg-style-12,
.bg-style-12:hover,
.bg-style-12:focus {
    background: linear-gradient(to right, #E584FF, #9E77FF);
    color: #fff;
    border: none;
}

.bg-style-13,
.bg-style-13:hover,
.bg-style-13:focus {
    background: linear-gradient(to right, #77A6FF, #9784FF);
    color: #fff;
    border: none;
}

.bg-style-14,
.bg-style-14:hover,
.bg-style-14:focus {
    background: linear-gradient(to right, #4FACFE, #1CE6E6);
    color: #fff;
    border: none;
}

.bg-style-15,
.bg-style-15.bar-style,
.bg-style-15:focus {
    background: linear-gradient(to right, #33C7FF, #4391F5);
    color: #fff;
    border: none;
}

.bg-style-16,
.bg-style-16:hover,
.bg-style-16:focus {
    background: linear-gradient(to right, #CF9BFF, #5BB8FF);
    color: #fff;
    border: none;
}

.bg-style-17,
.bg-style-17:hover,
.bg-style-17:focus {
    background: linear-gradient(to right, #F093FB, #F5576C);
    color: #fff;
    border: none;
}

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

.bg-style-102,
.bg-style-102:hover,
.bg-style-102:focus {
    background: #f2f2f2;
    color: #758697;
    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: #00aaf8;
    border: 1px solid #00aaf8;
}

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

.bg-style-3-o,
.bg-style-3-o:hover,
.bg-style-3-o:focus,
.bg-style-3-o:active:hover {
    background-color: #fff;
    color: #b153f1;
    border: 1px solid #b153f1;
}

.bg-style-4-o,
.bg-style-4-o:hover,
.bg-style-4-o:focus,
.bg-style-4-o:active:hover {
    background-color: #fff;
    color: #ff609a;
    border: 1px solid #ff609a;
}

.bg-style-5-o,
.bg-style-5-o:hover,
.bg-style-5-o:focus,
.bg-style-5-o:active:hover {
    background-color: #fff;
    color: #df0004;
    border: 1px solid #df0004;
}

.bg-style-6-o,
.bg-style-6-o:hover,
.bg-style-6-o:focus,
.bg-style-6-o:active:hover {
    background-color: #fff;
    color: #ff9124;
    border: 1px solid #ff9124;
}

.bg-style-7-o,
.bg-style-7-o:hover,
.bg-style-7-o:focus,
.bg-style-7-o:active:hover {
    background-color: #fff;
    color: #f7c400;
    border: 1px solid #f7c400;
}

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

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

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

.bg-style-11-o,
.bg-style-11-o:hover,
.bg-style-11-o:focus,
.bg-style-11-o:active:hover {
    background-color: #fff;
    color: #FFBC5D;
    border: 1px solid #FFBC5D;
}

.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: 1px solid #E584FF;
}

.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: 1px solid #77A6FF;
}

.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: 1px solid #41BCF7;
}

.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: 1px solid #33C7FF;
}

.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: 1px solid #B0A3FF;
}

.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: 1px solid #F183D4;
}

.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: 1px solid #000;
}

.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: 1px solid #666;
}


/* 输入框风格 */

.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;
}

.border-box-1 {
    border: 1px solid rgba(0, 170, 248, .3);
    position: relative;
    background: #fff;
}

.border-box-2 {
    border: 1px solid rgba(99, 114, 211, .3);
    position: relative;
    background: #fff;
}

.border-box-3 {
    border: 1px solid rgba(177, 83, 241, .3);
    position: relative;
    background: #fff;
}

.border-box-4 {
    border: 1px solid rgba(255, 96, 154, .3);
    position: relative;
    background: #fff;
}

.border-box-5 {
    border: 1px solid rgba(223, 0, 4, .3);
    position: relative;
    background: #fff;
}

.border-box-6 {
    border: 1px solid rgba(255, 145, 36, .3);
    position: relative;
    background: #fff;
}

.border-box-7 {
    border: 1px solid rgba(247, 196, 0, .3);
    position: relative;
    background: #fff;
}

.border-box-8 {
    border: 1px solid rgba(86, 214, 0, .3);
    position: relative;
    background: #fff;
}

.border-box-9 {
    border: 1px solid rgba(47, 189, 0, .3);
    position: relative;
    background: #fff;
}

.border-box-10 {
    border: 1px solid rgba(0, 207, 186, .3);
    position: relative;
    background: #fff;
}

.border-box-11 {
    border: 1px solid rgba(255, 188, 93, .3);
    ;
    position: relative;
    background: #fff;
}

.border-box-12 {
    border: 1px solid rgba(229, 132, 155, .3);
    position: relative;
    background: #fff;
}

.border-box-13 {
    border: 1px solid rgba(119, 166, 255, .3);
    position: relative;
    background: #fff;
}

.border-box-14 {
    border: 1px solid rgba(65, 188, 247, .3);
    position: relative;
    background: #fff;
}

.border-box-15 {
    border: 1px solid rgba(51, 199, 255, .3);
    position: relative;
    background: #fff;
}

.border-box-16 {
    border: 1px solid rgba(176, 163, 255, .3);
    position: relative;
    background: #fff;
}

.border-box-17 {
    border: 1px solid rgba(241, 131, 212, .3);
    position: relative;
    background: #fff;
}

.border-box-101 {
    border: 1px solid rgba(0, 0, 0, .3);
    position: relative;
    background: #fff;
}

.border-box-102 {
    border: 1px solid rgba(102, 102, 102, .3);
    position: relative;
    background: #fff;
}

.border-box-0::after,
.border-box-1::after,
.border-box-2::after,
.border-box-3::after,
.border-box-4::after,
.border-box-5::after,
.border-box-6::after,
.border-box-7::after,
.border-box-8::after,
.border-box-9::after,
.border-box-10::after,
.border-box-11::after,
.border-box-12::after,
.border-box-13::after,
.border-box-14::after,
.border-box-15::after,
.border-box-16::after,
.border-box-17::after,
.border-box-101::after,
.border-box-102::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: -1px;
    width: 50%;
    height: 50px;
    background: url(../img/border-img.png) no-repeat;
    background-size: cover;
    z-index: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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