* {
    margin: 0;
    padding: 0;
}

body,
html {
    width: 100%;
    height: 100%;
}

li {
    list-style: none;
}

ol {
    margin: 0
}

a {
    text-decoration: none;
    color: #0070ff;
}

p {
    letter-spacing: 0px;
}

@media only screen and (min-width: 768px) {
    p {
        /*letter-spacing: 1px;*/
    }
}

input {
    -webkit-appearance: none !important;
}

input,
button,
select,
textarea {
    outline: none !important;
    -webkit-appearance: none;
    border-radius: 0;
}

select:focus,
button:focus,
input:focus,
textarea:focus,
button:checked,
a:focus {
    box-shadow: none !important;
    outline: none !important;
}

textarea::-webkit-input-placeholder {
    font-size: 14px;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    font-size: 14px;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    font-size: 14px;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    font-size: 14px;
}

input.form-control {
    border-color: #d1d1d1;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset
}

a:hover {
    text-decoration: none;
}

a.text-decoration:hover {
    text-decoration: underline;
}

.cursor-pointer {
    cursor: pointer;
}

.cursor-not-allowed {
    cursor: not-allowed;
}

.overflow-hidden {
    overflow: hidden;
}

.overflow-scroll {
    overflow: scroll;
}

.overflow-visible {
    overflow: visible;
}

.box-border-box {
    box-sizing: border-box;
}

.box-content-box {
    box-sizing: content-box;
}

p.text-shadow {
    text-shadow: 0 0 10px rgba(0, 0, 0, 1);
}

.lsp-0 {
    letter-spacing: 0 !important;
}

/* 字体、按钮、背景的颜色 */
.bg-333 {
    background: #333;
}

.bg-666 {
    background: #666;
}

.bg-999 {
    background: #999;
}

.bg-bbb {
    background: #bbb;
}

.bg-aaaaaa {
    background-color: #aaa;
}

.bg-0070ff {
    background-color: #0070ff;
}

.bg-101010 {
    background-color: #101010;
}

.bg-f1f1f1 {
    background-color: #f1f1f1;
}

.bg-f2f2f2 {
    background-color: #f2f2f2;
}

.bg-f3f3f3 {
    background-color: #f3f3f3;
}

.bg-f4f4f4 {
    background-color: #f4f4f4;
}

.bg-f5f5f5 {
    background-color: #f5f5f5;
}

.bg-f6f6f6 {
    background-color: #f6f6f6;
}

.bg-f7f7f7 {
    background-color: #f7f7f7;
}

.bg-f8f8f8 {
    background-color: #f8f8f8;
}

.bg-f72424 {
    background-color: #f72424 !important;
}

.bg-danger {
    background-color: #f72424 !important;
}

.bg-warning {
    background-color: #fdb900 !important;
}

.bg-success {
    background-color: #00ae5e !important;
}

.bg-ebebeb {
    background-color: #ebebeb;
}

.bg-e5e5e5 {
    background-color: #e5e5e5;
}

.bg-eeeeee {
    background-color: #eeeeee;
}

.bg-ffffff {
    background-color: #ffffff;
}

.color-fff {
    color: #fff;
}

.color-999 {
    color: #999;
}

.color-666 {
    color: #666;
}

.color-333 {
    color: #333;
}

.color-0070ff {
    color: #0070ff;
}

.color-f1f1f1 {
    color: #f1f1f1;
}

.color-1a7dff {
    color: #1a7dff;
}

.color-f72424 {
    color: #f72424;
}

.color-d1d1d1 {
    color: #d1d1d1;
}

.text-danger {
    color: #f72424 !important;
}

.text-warning {
    color: #fdb900 !important;
}

.text-success {
    color: #00ae5e !important;
}

.font-weight-100 {
    font-weight: 100 !important;
}

.font-weight-200 {
    font-weight: 200 !important;
}

.font-weight-300 {
    font-weight: 300 !important;
}

.font-weight-400 {
    font-weight: 400 !important;
}

.font-weight-500 {
    font-weight: 500 !important;
}

.font-weight-600 {
    font-weight: 600 !important;
}

.font-weight-700 {
    font-weight: 700 !important;
}

.btn-danger {
    color: #fff;
    background-color: #f72424;
    border-color: #f72424;
}

.btn-danger.disabled,
.btn-danger:disabled {
    color: #fff;
    background-color: #f72424;
    border-color: #f72424;
}

.btn-warning {
    color: #333;
    background-color: #fdb900;
    border-color: #fdb900;
}

.btn-warning.disabled,
.btn-warning:disabled {
    color: #fff;
    background-color: #fdb900;
    border-color: #fdb900;
}

.btn-success {
    color: #fff;
    background-color: #00ae5e;
    border-color: #00ae5e;
}

.btn-success.disabled,
.btn-success:disabled {
    color: #fff;
    background-color: #00ae5e;
    border-color: #00ae5e;
}

.btn-primary {
    background-color: #0070ff;
    border-color: #0070ff;
}

.btn-primary:hover {
    background-color: #0070ff;
    border-color: #0070ff;
}

.btn-danger:hover {
    background-color: #f72424;
    border-color: #f72424;
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0070ff;
    border-color: #0070ff;
}

/* 边框颜色 */
.border-d1d1d1 {
    border: 1px solid #d1d1d1;
}

.border-eee {
    border: 1px solid #eeeeee;
}

.border-active {
    border: 1px solid #1a7dff;
}

.border-dddddd {
    border: 1px solid #dddddd;
}

.border-aaa {
    border: 1px solid #aaa;
}

.border-none {
    border: none;
}

.border-radius-5 {
    border-radius: 5px;
}

.border-radius-none {
    border-radius: 0px;
}

.border-bottom-333 {
    border-bottom: 1px solid #333;
}

.border-bottom-d1d1d1 {
    border-bottom: 1px solid #d1d1d1;
}

/* 定位 */
.margin-0-auto {
    margin: 0 auto;
}

.top0-left0 {
    top: 0;
    left: 0;
}

.top0-right0 {
    top: 0;
    right: 0;
}

.bottom0-left0 {
    bottom: 0;
    left: 0;
}

.bottom0-right0 {
    top: 0;
    right: 0;
}

.left0-right0 {
    left: 0;
    right: 0;
}

.top0-bottom0 {
    top: 0;
    bottom: 0;
}

.top0 {
    top: 0;
}

.bottom0 {
    bottom: 0;
}

.left0 {
    left: 0;
}

.right0 {
    right: 0;
}

/* 行高 */
.lh-10 {
    line-height: 10px;
}

.lh-20 {
    line-height: 20px;
}

.lh-30 {
    line-height: 30px;
}

.lh-40 {
    line-height: 40px;
}

.lh-50 {
    line-height: 50px;
}

.lh-60 {
    line-height: 60px;
}

.lh-70 {
    line-height: 70px;
}

.lh-80 {
    line-height: 80px;
}

.lh-90 {
    line-height: 90px;
}



/* width  百分比 */
.w-5 {
    width: 5%;
}

.w-10 {
    width: 10%;
}

.w-15 {
    width: 15%;
}

.w-20 {
    width: 20%;
}

.w-25 {
    width: 25%;
}

.w-30 {
    width: 30%;
}

.w-35 {
    width: 35%;
}

.w-40 {
    width: 40%;
}

.w-45 {
    width: 45%;
}

.w-50 {
    width: 50%;
}

.w-55 {
    width: 55%;
}

.w-60 {
    width: 60%;
}

.w-65 {
    width: 65%;
}

.w-70 {
    width: 70%;
}

.w-75 {
    width: 75%;
}

.w-80 {
    width: 80%;
}

.w-85 {
    width: 80%;
}

.w-90 {
    width: 90%;
}

.w-95 {
    width: 95%;
}

.w-auto {
    width: auto;
}

/* 元素的透明度 */
.opacity-0 {
    opacity: 0;
    filter: alpha(opacity=0);
}

.opacity-10 {
    opacity: .1;
    filter: alpha(opacity=10);
}

.opacity-15 {
    opacity: .15;
    filter: alpha(opacity=15);
}

.opacity-20 {
    opacity: .2;
    filter: alpha(opacity=20);
}

.opacity-25 {
    opacity: .25;
    filter: alpha(opacity=25);
}

.opacity-30 {
    opacity: .3;
    filter: alpha(opacity=30);
}

.opacity-35 {
    opacity: .35;
    filter: alpha(opacity=35);
}

.opacity-40 {
    opacity: .4;
    filter: alpha(opacity=40);
}

.opacity-45 {
    opacity: .45;
    filter: alpha(opacity=45);
}

.opacity-50 {
    opacity: .5;
    filter: alpha(opacity=50);
}

.opacity-55 {
    opacity: .55;
    filter: alpha(opacity=55);
}

.opacity-60 {
    opacity: .6;
    filter: alpha(opacity=60);
}

.opacity-65 {
    opacity: .65;
    filter: alpha(opacity=65);
}

.opacity-70 {
    opacity: .7;
    filter: alpha(opacity=70);
}

.opacity-75 {
    opacity: .75;
    filter: alpha(opacity=75);
}

.opacity-80 {
    opacity: .8;
    filter: alpha(opacity=80);
}

.opacity-85 {
    opacity: .85;
    filter: alpha(opacity=85);
}

.opacity-90 {
    opacity: .9;
    filter: alpha(opacity=90);
}

.opacity-95 {
    opacity: .95;
    filter: alpha(opacity=95);
}

.opacity-1 {
    opacity: 1;
    filter: alpha(opacity=100);
}


/* 字体大小 */
.font-126 {
    font-size: 126px;
}

.font-75 {
    font-size: 75px;
}

.font-70 {
    font-size: 70px;
}

.font-64 {
    font-size: 64px;
}

.font-60 {
    font-size: 60px;
}

.font-48 {
    font-size: 48px;
}

.font-40 {
    font-size: 40px;
}

.font-36 {
    font-size: 36px;
}

.font-32 {
    font-size: 32px;
}

.font-30 {
    font-size: 30px;
}

.font-28 {
    font-size: 28px;
}

.font-26 {
    font-size: 26px;
}

.font-24 {
    font-size: 24px;
}

.font-22 {
    font-size: 22px;
}

.font-20 {
    font-size: 20px;
}

.font-18 {
    font-size: 18px;
}

.font-16 {
    font-size: 16px;
}

.font-14 {
    font-size: 14px;
}

.font-13 {
    font-size: 13px;
}

.font-12 {
    font-size: 12px;
}

.font-10 {
    font-size: 10px;
}

.txt-uppercase {
    text-transform: uppercase;
}

@media (min-width: 576px) {
    .font-sm-75 {
        font-size: 75px !important;
    }

    .font-sm-70 {
        font-size: 70px !important;
    }

    .font-sm-64 {
        font-size: 64px !important;
    }

    .font-sm-60 {
        font-size: 60px !important;
    }

    .font-sm-48 {
        font-size: 48px !important;
    }

    .font-sm-40 {
        font-size: 40px !important;
    }

    .font-sm-36 {
        font-size: 36px !important;
    }

    .font-sm-32 {
        font-size: 32px !important;
    }

    .font-sm-30 {
        font-size: 30px !important;
    }

    .font-sm-28 {
        font-size: 28px !important;
    }

    .font-sm-26 {
        font-size: 26px !important;
    }

    .font-sm-24 {
        font-size: 24px !important;
    }

    .font-sm-22 {
        font-size: 22px !important;
    }

    .font-sm-20 {
        font-size: 20px !important;
    }

    .font-sm-18 {
        font-size: 18px !important;
    }

    .font-sm-16 {
        font-size: 16px !important;
    }

    .font-sm-14 {
        font-size: 14px !important;
    }

    .font-sm-13 {
        font-size: 13px !important;
    }

    .font-sm-12 {
        font-size: 12px !important;
    }

    .w-sm-5 {
        width: 5% !important;
    }

    .w-sm-10 {
        width: 10% !important;
    }

    .w-sm-15 {
        width: 15% !important;
    }

    .w-sm-20 {
        width: 20% !important;
    }

    .w-sm-30 {
        width: 30% !important;
    }

    .w-sm-35 {
        width: 35% !important;
    }

    .w-sm-40 {
        width: 40% !important;
    }

    .w-sm-45 {
        width: 45% !important;
    }

    .w-sm-50 {
        width: 50% !important;
    }

    .w-sm-55 {
        width: 55% !important;
    }

    .w-sm-60 {
        width: 60% !important;
    }

    .w-sm-65 {
        width: 65% !important;
    }

    .w-sm-70 {
        width: 70% !important;
    }

    .w-sm-70 {
        width: 70% !important;
    }

    .w-sm-80 {
        width: 80% !important;
    }

    .w-sm-85 {
        width: 80% !important;
    }

    .w-sm-90 {
        width: 90% !important;
    }

    .w-sm-95 {
        width: 90% !important;
    }

    .w-sm-100 {
        width: 100% !important;
    }

    .w-sm-auto {
        width: auto !important;
    }
}

@media (min-width: 768px) {
    .font-md-75 {
        font-size: 75px !important;
    }

    .font-md-70 {
        font-size: 70px !important;
    }

    .font-md-64 {
        font-size: 64px !important;
    }

    .font-md-60 {
        font-size: 60px !important;
    }

    .font-md-48 {
        font-size: 48px !important;
    }

    .font-md-40 {
        font-size: 40px !important;
    }

    .font-md-36 {
        font-size: 36px !important;
    }

    .font-md-32 {
        font-size: 32px !important;
    }

    .font-md-30 {
        font-size: 30px !important;
    }

    .font-md-28 {
        font-size: 28px !important;
    }

    .font-md-26 {
        font-size: 26px !important;
    }

    .font-md-24 {
        font-size: 24px !important;
    }

    .font-md-22 {
        font-size: 22px !important;
    }

    .font-md-20 {
        font-size: 20px !important;
    }

    .font-md-18 {
        font-size: 18px !important;
    }

    .font-md-16 {
        font-size: 16px !important;
    }

    .font-md-14 {
        font-size: 14px !important;
    }

    .font-md-13 {
        font-size: 13px !important;
    }

    .font-md-12 {
        font-size: 12px !important;
    }

    .w-md-5 {
        width: 5% !important;
    }

    .w-md-10 {
        width: 10% !important;
    }

    .w-md-15 {
        width: 15% !important;
    }

    .w-md-20 {
        width: 20% !important;
    }

    .w-md-30 {
        width: 30% !important;
    }

    .w-md-35 {
        width: 35% !important;
    }

    .w-md-40 {
        width: 40% !important;
    }

    .w-md-45 {
        width: 45% !important;
    }

    .w-md-50 {
        width: 50% !important;
    }

    .w-md-55 {
        width: 55% !important;
    }

    .w-md-60 {
        width: 60% !important;
    }

    .w-md-65 {
        width: 65% !important;
    }

    .w-md-70 {
        width: 70% !important;
    }

    .w-md-70 {
        width: 70% !important;
    }

    .w-md-80 {
        width: 80% !important;
    }

    .w-md-85 {
        width: 80% !important;
    }

    .w-md-90 {
        width: 90% !important;
    }

    .w-md-95 {
        width: 90% !important;
    }

    .w-md-100 {
        width: 100% !important;
    }

    .w-md-auto {
        width: auto !important;
    }

    .text-md-center {
        text-align: center;
    }
}

@media (min-width: 992px) {
    .font-lg-126 {
        font-size: 126px !important;
    }

    .font-lg-75 {
        font-size: 75px !important;
    }

    .font-lg-70 {
        font-size: 70px !important;
    }

    .font-lg-64 {
        font-size: 64px !important;
    }

    .font-lg-60 {
        font-size: 60px !important;
    }

    .font-lg-48 {
        font-size: 48px !important;
    }

    .font-lg-40 {
        font-size: 40px !important;
    }

    .font-lg-36 {
        font-size: 36px !important;
    }

    .font-lg-32 {
        font-size: 32px !important;
    }

    .font-lg-30 {
        font-size: 30px !important;
    }

    .font-lg-28 {
        font-size: 28px !important;
    }

    .font-lg-26 {
        font-size: 26px !important;
    }

    .font-lg-24 {
        font-size: 24px !important;
    }

    .font-lg-22 {
        font-size: 22px !important;
    }

    .font-lg-20 {
        font-size: 20px !important;
    }

    .font-lg-18 {
        font-size: 18px !important;
    }

    .font-lg-16 {
        font-size: 16px !important;
    }

    .font-lg-14 {
        font-size: 14px !important;
    }

    .font-lg-13 {
        font-size: 13px !important;
    }

    .font-lg-12 {
        font-size: 12px !important;
    }

    .w-lg-5 {
        width: 5% !important;
    }

    .w-lg-10 {
        width: 10% !important;
    }

    .w-lg-15 {
        width: 15% !important;
    }

    .w-lg-20 {
        width: 20% !important;
    }

    .w-lg-25 {
        width: 25% !important;
    }

    .w-lg-30 {
        width: 30% !important;
    }

    .w-lg-35 {
        width: 35% !important;
    }

    .w-lg-40 {
        width: 40% !important;
    }

    .w-lg-45 {
        width: 45% !important;
    }

    .w-lg-50 {
        width: 50% !important;
    }

    .w-lg-55 {
        width: 55% !important;
    }

    .w-lg-60 {
        width: 60% !important;
    }

    .w-lg-65 {
        width: 65% !important;
    }

    .w-lg-70 {
        width: 70% !important;
    }

    .w-lg-75 {
        width: 75% !important;
    }

    .w-lg-80 {
        width: 80% !important;
    }

    .w-lg-85 {
        width: 85% !important;
    }

    .w-lg-90 {
        width: 90% !important;
    }

    .w-lg-95 {
        width: 95% !important;
    }

    .w-lg-100 {
        width: 100% !important;
    }

    .w-lg-auto {
        width: auto !important;
    }
}

@media (min-width: 1200px) {
    .font-xl-75 {
        font-size: 75px !important;
    }

    .font-xl-70 {
        font-size: 70px !important;
    }

    .font-xl-64 {
        font-size: 64px !important;
    }

    .font-xl-60 {
        font-size: 60px !important;
    }

    .font-xl-48 {
        font-size: 48px !important;
    }

    .font-xl-40 {
        font-size: 40px !important;
    }

    .font-xl-36 {
        font-size: 36px !important;
    }

    .font-xl-32 {
        font-size: 32px !important;
    }

    .font-xl-30 {
        font-size: 30px !important;
    }

    .font-xl-28 {
        font-size: 28px !important;
    }

    .font-xl-26 {
        font-size: 26px !important;
    }

    .font-xl-24 {
        font-size: 24px !important;
    }

    .font-xl-22 {
        font-size: 22px !important;
    }

    .font-xl-20 {
        font-size: 20px !important;
    }

    .font-xl-18 {
        font-size: 18px !important;
    }

    .font-xl-16 {
        font-size: 16px !important;
    }

    .font-xl-14 {
        font-size: 14px !important;
    }

    .font-xl-13 {
        font-size: 13px !important;
    }

    .font-xl-12 {
        font-size: 12px !important;
    }

    .w-xl-5 {
        width: 5% !important;
    }

    .w-xl-10 {
        width: 10% !important;
    }

    .w-xl-15 {
        width: 15% !important;
    }

    .w-xl-20 {
        width: 20% !important;
    }

    .w-xl-25 {
        width: 25% !important;
    }

    .w-xl-30 {
        width: 30% !important;
    }

    .w-xl-35 {
        width: 35% !important;
    }

    .w-xl-40 {
        width: 40% !important;
    }

    .w-xl-45 {
        width: 45% !important;
    }

    .w-xl-50 {
        width: 50% !important;
    }

    .w-xl-55 {
        width: 55% !important;
    }

    .w-xl-60 {
        width: 60% !important;
    }

    .w-xl-65 {
        width: 65% !important;
    }

    .w-xl-70 {
        width: 70% !important;
    }

    .w-xl-75 {
        width: 75% !important;
    }

    .w-xl-80 {
        width: 80% !important;
    }

    .w-xl-85 {
        width: 80% !important;
    }

    .w-xl-90 {
        width: 90% !important;
    }

    .w-xl-95 {
        width: 90% !important;
    }

    .w-xl-100 {
        width: 100% !important;
    }

    .w-xl-auto {
        width: auto !important;
    }
}

@media (min-width: 1400px) {
    .font-mlg-70 {
        font-size: 70px !important;
    }

    .font-mlg-64 {
        font-size: 64px !important;
    }

    .font-mlg-60 {
        font-size: 60px !important;
    }

    .font-mlg-48 {
        font-size: 48px !important;
    }

    .font-mlg-40 {
        font-size: 40px !important;
    }

    .font-mlg-36 {
        font-size: 36px !important;
    }

    .font-mlg-32 {
        font-size: 32px !important;
    }

    .font-mlg-30 {
        font-size: 30px !important;
    }

    .font-mlg-28 {
        font-size: 28px !important;
    }

    .font-mlg-26 {
        font-size: 26px !important;
    }

    .font-mlg-24 {
        font-size: 24px !important;
    }

    .font-mlg-22 {
        font-size: 22px !important;
    }

    .font-mlg-20 {
        font-size: 20px !important;
    }

    .font-mlg-18 {
        font-size: 18px !important;
    }

    .font-mlg-16 {
        font-size: 16px !important;
    }

    .font-mlg-14 {
        font-size: 14px !important;
    }

    .font-mlg-13 {
        font-size: 13px !important;
    }

    .font-mlg-12 {
        font-size: 12px !important;
    }

    .w-mlg-5 {
        width: 5% !important;
    }

    .w-mlg-10 {
        width: 10% !important;
    }

    .w-mlg-15 {
        width: 15% !important;
    }

    .w-mlg-20 {
        width: 20% !important;
    }

    .w-mlg-30 {
        width: 30% !important;
    }

    .w-mlg-35 {
        width: 35% !important;
    }

    .w-mlg-40 {
        width: 40% !important;
    }

    .w-mlg-45 {
        width: 45% !important;
    }

    .w-mlg-50 {
        width: 50% !important;
    }

    .w-mlg-55 {
        width: 55% !important;
    }

    .w-mlg-60 {
        width: 60% !important;
    }

    .w-mlg-65 {
        width: 65% !important;
    }

    .w-mlg-70 {
        width: 70% !important;
    }

    .w-mlg-75 {
        width: 75% !important;
    }

    .w-mlg-80 {
        width: 80% !important;
    }

    .w-mlg-85 {
        width: 80% !important;
    }

    .w-mlg-90 {
        width: 90% !important;
    }

    .w-mlg-95 {
        width: 90% !important;
    }

    .w-mlg-100 {
        width: 100% !important;
    }

    .w-mlg-auto {
        width: auto !important;
    }
}

@media (min-width: 1600px) {
    .font-xlg-70 {
        font-size: 70px !important;
    }

    .font-xlg-64 {
        font-size: 64px !important;
    }

    .font-xlg-60 {
        font-size: 60px !important;
    }

    .font-xlg-48 {
        font-size: 48px !important;
    }

    .font-xlg-40 {
        font-size: 40px !important;
    }

    .font-xlg-36 {
        font-size: 36px !important;
    }

    .font-xlg-32 {
        font-size: 32px !important;
    }

    .font-xlg-30 {
        font-size: 30px !important;
    }

    .font-xlg-28 {
        font-size: 28px !important;
    }

    .font-xlg-26 {
        font-size: 26px !important;
    }

    .font-xlg-24 {
        font-size: 24px !important;
    }

    .font-xlg-22 {
        font-size: 22px !important;
    }

    .font-xlg-20 {
        font-size: 20px !important;
    }

    .font-xlg-18 {
        font-size: 18px !important;
    }

    .font-xlg-16 {
        font-size: 16px !important;
    }

    .font-xlg-14 {
        font-size: 14px !important;
    }

    .font-xlg-13 {
        font-size: 13px !important;
    }

    .font-xlg-12 {
        font-size: 12px !important;
    }

    .w-xlg-5 {
        width: 5% !important;
    }

    .w-xlg-10 {
        width: 10% !important;
    }

    .w-xlg-15 {
        width: 15% !important;
    }

    .w-xlg-20 {
        width: 20% !important;
    }

    .w-xlg-30 {
        width: 30% !important;
    }

    .w-xlg-35 {
        width: 35% !important;
    }

    .w-xlg-40 {
        width: 40% !important;
    }

    .w-xlg-45 {
        width: 45% !important;
    }

    .w-xlg-55 {
        width: 55% !important;
    }

    .w-xlg-60 {
        width: 60% !important;
    }

    .w-xlg-65 {
        width: 65% !important;
    }

    .w-xlg-70 {
        width: 70% !important;
    }

    .w-xlg-75 {
        width: 75% !important;
    }

    .w-xlg-80 {
        width: 80% !important;
    }

    .w-xlg-85 {
        width: 80% !important;
    }

    .w-xlg-90 {
        width: 90% !important;
    }

    .w-xlg-95 {
        width: 90% !important;
    }

    .w-xlg-100 {
        width: 100% !important;
    }

    .w-xlg-auto {
        width: auto !important;
    }
}

.margin-auto {
    margin: auto;
}

/*最大页面宽度*/
.max-width-1366 {
    max-width: 1366px;
}

.max-width-1190 {
    max-width: 1190px;
}

.max-width-980 {
    max-width: 980px;
}

.max-width-960 {
    max-width: 960px;
}

.max-width-940 {
    max-width: 940px;
}

.box-shadow-3-8 {
    box-shadow: 0 3px 8px 0 rgba(54, 57, 73, .3);
}

/* 背景图板块样式 */
.teaser.teaser__image {
    background-color: #000;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    color: #fff;
}

.teaser .teaser__inner {
    width: 100%;
    margin: 0 auto;
    background-color: rgba(0, 0, 0, .3);
}

.teaser .teaser__inner .teaser__content.photo {
    align-items: center;
    min-height: 250px;
}

.teaser .teaser__inner .teaser__content {
    width: 80%;
    min-height: 500px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
}

.teaser .teaser__inner .teaser__content {
    display: flex;
}

.teaser .teaser__inner .teaser__content .text-summary {
    height: 48px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

@media only screen and (max-width: 768px) {
    .teaser_banner {
        background-image: url('/images/MO-light-bicycle-carbon-wheel-review.jpeg');
    }
}

@media only screen and (min-width: 768px) {
    .teaser.teaser-big .teaser__inner {
        min-height: 700px;
        height: 700px;
    }

    .teaser .teaser__inner .teaser__content {
        width: 60%;
    }

    .teaser.teaser-big .teaser__inner .teaser__content {
        min-height: 700px;
        height: 700px;
    }

    .teaser_banner {
        background-image: url('/images/PAD-carbon-rim-wheel-review.jpeg');
    }
}

@media only screen and (min-width: 992px) {
    .teaser .teaser__inner.photo {
        min-height: 500px;
        height: 500px;
    }

    .teaser .teaser__inner.photo {
        min-height: 400px;
        height: 400px;
    }

    .teaser.teaser-big .teaser__inner {
        min-height: 900px;
        height: 900px;
    }

    .teaser .teaser__inner .teaser__content {
        min-height: 500px;
        height: 500px;
    }

    .teaser .teaser__inner .teaser__content.photo {
        min-height: 400px;
        height: 400px;
    }

    .teaser.teaser-big .teaser__inner .teaser__content {
        min-height: 900px;
        height: 900x;
    }

    .teaser_banner {
        background-image: url('/images/PC-china-carbon-rim-wheel-review.jpeg');
    }
}


/* 四叶草板块样式 */
.fLeafClover .fLeafClover__inner {
    box-shadow: 0 0 16px rgba(54, 57, 73, .2);
    -moz-box-shadow: 0 0 16px rgba(54, 57, 73, .2);
    -webkit-box-shadow: 0 0 16px rgba(54, 57, 73, .2);

}

.fLeafClover .fLeafClover__inner .fLeafClover__content {
    padding: 5px 10px 15px 20px;
    height: 57px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

}

@media only screen and (min-width: 1140px) {
    .fLeafClover .fLeafClover__inner .fLeafClover__content {
        padding: 15px 10px;
        border-top: 1px solid #d1d1d1;
        font-size: 10px;
    }
}

@media (min-width:1084px) and (max-width:1399px) {
    .fLeafClover .fLeafClover__inner .fLeafClover__content {
        padding: 5px 10px;
    }
}


/* index  按钮样式 */
.LB-index-btn {
    padding: 12px 20px;
    position: relative;
    color: #0070ff;
    z-index: 1;
    font-weight: 700;
    letter-spacing: 2px;
    overflow: hidden;
}

.LB-index-btn::before,
.LB-index-btn::after {
    border: 0;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    border: 2px solid #fff;
}

.LB-index-btn::after {
    background-color: #fff;
}

@media (min-width: 576px) {
    LB-index-btn {
        padding: 16px 44px;
    }
}

@media (min-width: 992px) {
    .LB-index-btn::after {
        background-color: #fff;
        width: 120%;
        left: -10%;
        -webkit-transform: skewX(-12deg) translateX(-120%);
        -ms-transform: skewX(-12deg) translateX(-120%);
        transform: skewX(-12deg) translateX(-120%);
        -webkit-transition: -webkit-transform 0.25s linear;
        transition: transform 0.25s linear;
    }

    .LB-index-btn {
        color: #fff;
        padding: 12px 36px;
    }

    .LB-index-btn:hover {
        color: #0070ff;
        border-color: #fff;
    }

    .LB-index-btn:hover::after {
        -webkit-transform: skewX(-12deg) translateX(0%);
        -ms-transform: skewX(-12deg) translateX(0%);
        transform: skewX(-12deg) translateX(0%);
        -webkit-transition: -webkit-transform 0.25s linear;
        transition: transform 0.25s linear;
    }

}



/* solid  按钮样式 */
.LB-solid-btn {
    padding: 12px 36px;
    position: relative;
    color: #fff;
    z-index: 1;
    font-weight: 700;
    letter-spacing: 2px;
    overflow: hidden;
}

.LB-solid-btn::before,
.LB-solid-btn::after {
    border: 0;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    border: 2px solid #0070ff;
}

.LB-solid-btn::after {
    background-color: #0070ff;
}

@media (min-width: 576px) {
    LB-solid-btn {
        padding: 16px 44px;
    }
}

@media (min-width: 992px) {
    .LB-solid-btn::after {
        background-color: #0070ff;
        width: 120%;
        left: -10%;
        -webkit-transform: skewX(-12deg) translateX(-120%);
        -ms-transform: skewX(-12deg) translateX(-120%);
        transform: skewX(-12deg) translateX(-120%);
        -webkit-transition: -webkit-transform 0.25s linear;
        transition: transform 0.25s linear;
    }

    .LB-solid-btn {
        color: #0070ff;
    }

    .LB-solid-btn:hover {
        color: #fff;
    }

    .LB-solid-btn:hover::after {
        -webkit-transform: skewX(-12deg) translateX(0%);
        -ms-transform: skewX(-12deg) translateX(0%);
        transform: skewX(-12deg) translateX(0%);
        -webkit-transition: -webkit-transform 0.25s linear;
        transition: transform 0.25s linear;
    }
}

/* circle  按钮样式 */
.LB-circle-btn {
    padding: 12px 36px;
    position: relative;
    color: #0070ff;
    z-index: 1;
    font-weight: 700;
    letter-spacing: 2px;
    overflow: hidden;
    transition: color 0.25s linear;
}

.LB-circle-btn::before,
.LB-circle-btn::after {
    border: 0;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: transparent;
    height: 100%;
    z-index: -1;
}

.LB-circle-btn::before {
    border: 2px solid #0070ff;
    transition: border 0.25s linear;
}

/*.LB-circle-btn::after {
    background-color: #0070ff;
}*/
@media (min-width: 576px) {
    .LB-circle-btn {
        padding: 16px 44px;
    }
}

@media (min-width: 992px) {
    .LB-circle-btn {
        color: #fff;
    }

    .LB-circle-btn::after {
        background-color: #0070ff;
        width: 120%;
        left: -10%;
        -webkit-transform: skewX(-12deg) translateX(-120%);
        -ms-transform: skewX(-12deg) translateX(-120%);
        transform: skewX(-12deg) translateX(-120%);
    }

    .LB-circle-btn::before {
        border-color: #fff;
    }

    .LB-circle-btn:hover {
        color: #0070ff !important;
        transition: color 0.25s linear;
    }

    .LB-circle-btn:hover::before {
        border: 2px solid #0070ff;
        transition: all 0.25s linear;
    }

    .LB-circle-btn:hover::after {
        -webkit-transform: skewX(-12deg) translateX(120%);
        -ms-transform: skewX(-12deg) translateX(120%);
        transform: skewX(-12deg) translateX(120%);
        -webkit-transition: -webkit-transform 0.25s linear;
        transition: transform 0.25s linear;
    }
}

/* 关闭弹窗按钮样式 */
.LB-filters-clear {
    position: relative;
    width: 20px;
    height: 20px;
    background-image: url("/images/LB-filters-clear.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
}

/* 分页样式 */
#LB-page {
    text-align: center;
}

#LB-page a {
    min-width: 40px;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    border: 1px solid #d1d1d1;
    text-align: center;
    margin: 0 4px;
    cursor: pointer;
    color: #666666;
    display: inline-block;
}

#LB-page a.le-ri-page {
    padding: 0 8px;
}

#LB-page a.active {
    border-color: #0070ff;
    background: #0070ff;
    color: #fff;
}

@media only screen and (min-width: 992px) {
    #LB-page a {
        min-width: 50px;
        height: 45px;
        line-height: 45px;
        font-size: 16px;
        margin: 0 8px;
    }
}

@media only screen and (min-width: 992px) {
    #LB-page a:hover {
        border-color: #0070ff;
    }
}





/* 全屏遮罩层背景样式 */
#LB__filtersBg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: rgba(0, 0, 0, .5);
}


/* 下拉选择框组件样式 */
#LB-select-filter {
    background: #f1f1f1;
    border: 1px solid transparent;
}

#LB-select-filter .LB-album-list {
    display: block;
}

#LB-select-filter .LB-select {
    position: relative;
    display: block;
    margin: 0;
    vertical-align: middle;
    text-align: left;
    user-select: none;
    -webkit-touch-callout: none;
    border: 1px solid #d1d1d1;
    border-radius: .25rem;
}

#LB-select-filter .LB-select .placeholder {
    background: #f1f1f1;
    position: relative;
    display: block;
    padding: 8px 16px;
    border-radius: 2px;
    cursor: pointer;
}

#LB-select-filter .LB-select .placeholder:after {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    font-family: 'FontAwesome';
    content: '\f107';
    z-index: 0;
}

#LB-select-filter .LB-select.is-open .placeholder:after {
    content: '\f106';
}

#LB-select-filter .LB-select.is-open ul {
    display: block;
}

#LB-select-filter .LB-select ul {
    display: none;
    position: absolute;
    overflow: hidden;
    width: 100%;
    background: #fff;
    border-radius: 2px;
    top: 100%;
    left: 0;
    list-style: none;
    margin: 5px 0 0 0;
    padding: 0;
    z-index: 1;
    border: 1px solid #d1d1d1;
    height: auto;
    max-height: 240px;
    overflow-y: auto;
    border-radius: .25rem;
}

#LB-select-filter .LB-select ul li {
    display: block;
    text-align: left;
    padding: 6px 16px;
    cursor: pointer;
}

#LB-select-filter .LB-select ul li a {
    color: #999;
}

#LB-select-filter .LB-select ul li.active,
#LB-select-filter .LB-select ul li.active a {
    color: #0070ff;
}

@media only screen and (min-width: 992px) {
    #LB-select-filter .LB-album-list {
        display: flex;
    }

    #LB-select-filter {
        background: #fff;
    }

    #LB-select-filter .LB-select .placeholder {
        background: #fff;
    }

    #LB-select-filter .album-filters-select-box {
        width: calc(30% - 16px);
        margin-bottom: 0;
    }

    #LB-select-filter .LB-select ul li:hover {
        background: #f1f1f1;
    }

    #LB-select-filter .LB-select ul li:hover a {
        color: #0070ff;
    }
}

.LB-area-switch {
    width: 45px;
    height: 20px;
    position: relative;
    top: 3px;
    margin-left: 10px;
    border: 1px solid #dfdfdf;
    background-color: #d1d1d1;
    box-shadow: #dfdfdf 0 0 0 0 inset;
    border-radius: 20px;
    background-clip: content-box;
    display: inline-block;
    -webkit-appearance: none;
    user-select: none;
    outline: none;
    cursor: pointer;
}

.LB-area-switch:before {
    content: 'x';
    width: 18px;
    height: 18px;
    text-align: center;
    font-weight: bold;
    line-height: 15px;
    color: #d3d3d3;
    position: absolute;
    top: 0px;
    left: 0;
    border-radius: 20px;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

.LB-area-switch:checked {
    border-color: #0070ff;
    box-shadow: #0070ff 0 0 0 16px inset;
    background-color: #0070ff;

}

.LB-area-switch:checked:before {
    content: '√';
    color: #0070ff;
    line-height: 18px;
    left: 25px;
}

.LB-area-switch.LB-area-switch-animbg {
    transition: background-color ease 0.4s;
}

.LB-area-switch.LB-area-switch-animbg:before {
    transition: left 0.3s;
}

.LB-area-switch.LB-area-switch-animbg:checked {
    box-shadow: #dfdfdf 0 0 0 0 inset;
    background-color: #0070ff;
    transition: border-color 0.4s, background-color ease 0.4s;
}

.LB-area-switch.LB-area-switch-animbg:checked:before {
    transition: left 0.3s;
}


/**
 * 页面顶部banner图样式
 */
.LB_top-banner {
    background-image: url(/images/photowall/photowall_banner_1.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 150px;
    max-height: 150px;
}

.LB_top-banner .top-banner-content {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #fff;
}

.LB_topBanner-road {
    background-image: url("/images/page-img/Light-Bicycle-rim-brake-rims-wheels-lineup-mo.jpg");
}

.LB_topBanner-snow {
    background-image: url("/images/page-img/carbon-fatbike-single-wall-rims-wheelset.jpg");
}

.LB_topBanner-background {
    background-image: url("/images/page-img/Mountain-background-mo-20190523.jpg");
}

.LB_topBanner-accessories {
    background-image: url("/images/page-img/accessories-background-20190719.jpg");
}

.LB_topBanner-cx-disc-bike {
    background-image: url("/images/page-img/Light-Bicycle-disc-road-gravel-CX-rims-wheels-lineup.jpg");
}

.LB_topBanner-bmx {
    background-image: url("/images/page-img/bmx-racing-bike-carbon-fiber-wheels.jpg");
}

.LB_topBanner-electric {
    background-image: url("https://pic.lightbicycle.com/www/public/navbar/images/compressed/BANNER-MO-carbon-emtb-rims-wheelsets.jpeg");
}
.LB_topBanner-carbon-cx-bike {
    background-image: url("https://pic.lightbicycle.com/www/public/navbar/images/compressed/mo-banner-light-bicycle-gravel-cx-rims-wheels.jpeg");
}
@media only screen and (min-width: 768px) {
    .LB_top-banner {
        height: 200px;
        max-height: 200px;
    }

    .LB_topBanner-road {
        background-image: url("/images/page-img/Light-Bicycle-disc-road-gravel-cx-rims-wheels-lineup-pc.jpg");
    }

    .LB_topBanner-snow {
        background-image: url("/images/page-img/carbon-fatbike-single-wall-rims-wheelset.jpg");
    }

    .LB_topBanner-background {
        background-image: url("/images/page-img/Mountain-background-20190523.jpg");
    }

    .LB_topBanner-accessories {
        background-image: url("/images/page-img/accessories-background-20190719.jpg");
    }

    .LB_topBanner-cx-disc-bike {
        background-image: url("/images/page-img/Light-Bicycle-rim-brake-rims-wheels-lineup-pc.jpg");
    }

    .LB_topBanner-bmx {
        background-image: url("/images/page-img/bmx-racing-bike-carbon-fiber-wheels.jpg");
    }

    .LB_topBanner-electric {
        background-image: url("https://pic.lightbicycle.com/www/public/navbar/images/compressed/BANNER-MO-carbon-emtb-rims-wheelsets.jpeg");
    }
    .LB_topBanner-carbon-cx-bike {
        background-image: url("https://pic.lightbicycle.com/www/public/navbar/images/compressed/mo-banner-light-bicycle-gravel-cx-rims-wheels.jpeg");
    }
}

@media only screen and (min-width: 1200px) {
    .LB_top-banner {
        height: 300px;
        max-height: 300px;
    }

    .LB_topBanner-road {
        background-image: url("/images/page-img/Light-Bicycle-disc-road-gravel-cx-rims-wheels-lineup-pc.jpg");
    }

    .LB_topBanner-snow {
        background-image: url("/images/page-img/carbon-fatbike-single-wall-rims-wheelset.jpg");
    }

    .LB_topBanner-background {
        background-image: url("/images/page-img/Mountain-background-20190523.jpg");
    }

    .LB_topBanner-accessories {
        background-image: url("/images/page-img/accessories-background-20190719.jpg");
    }

    .LB_topBanner-cx-disc-bike {
        background-image: url("/images/page-img/Light-Bicycle-rim-brake-rims-wheels-lineup-pc.jpg");
    }

    .LB_topBanner-bmx {
        background-image: url("/images/page-img/bmx-racing-bike-carbon-fiber-wheels.jpg");
    }

    .LB_topBanner-electric {
        background-image: url("https://pic.lightbicycle.com/www/public/navbar/images/compressed/BANNER-carbon-emtb-rims-wheelsets.jpeg");
    }
    .LB_topBanner-carbon-cx-bike {
        background-image: url("https://pic.lightbicycle.com/www/public/navbar/images/compressed/pc-banner-light-bicycle-gravel-cx-rims-wheels.jpeg");
    }
}



/**
 * 评论样式
 */
.user-feedback-list {
    box-shadow: 0 3px 8px 0 rgba(54, 57, 73, .3);
    -moz-box-shadow: 0 3px 8px 0 rgba(54, 57, 73, .3);
    -webkit-box-shadow: 0 3px 8px 0 rgba(54, 57, 73, .3);
    -ms-box-shadow: 0 3px 8px 0 rgba(54, 57, 73, .3);
    border-radius: 5px;
}

.user-feedback-box .head-src img {
    width: 45px;
    height: 45px;
    border: 1px solid #dddddd;
    border-radius: 50%;
}

.user-feedback-box .head-src img {
    width: 40px;
    height: 40px;
}

.user-feedback-box .head-src .avatar {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    font-size: 30px;
    color: #fff;
    line-height: 40px;
}

.user-feedback-box .dialogue.pull-right {
    float: none !important;
}

.user-feedback-box .user-input-box.to-comment {
    font-size: 14px;
    margin-top: 32px;
}

.user-feedback-list .user-input-box {
    display: none;
}

.user-feedback-list .user-information {
    word-wrap: break-word;
    white-space: pre-wrap;
    width: 100%;
}

.user-feedback-list #inputTextarea {
    min-height: 100px;
}

.photo-info .dianzan:link {
    color: #333;
}

.photo-info .dianzan.active {
    color: #0070ff;
}

.user-input-box .text-danger {
    display: none;
}

.comments-btn {
    color: #fff;
    background: #0070ff;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
}



/**
 * 留言样式
 */
.LB-commwnts .text-danger {
    display: none;
}

.LB-commwnts .form-row button {
    background: #0070ff;
    color: #fff;
    display: block;
    width: 100%;
    padding: 8px;
    border-radius: 5px;
    font-size: 20px;
    border: none;
}

@media only screen and (min-width: 768px) {
    .LB-commwnts #inputTextarea {
        min-height: 105px;
    }
}

@media only screen and (min-width: 1366px) {
    .LB-commwnts #inputTextarea {
        min-height: 220px;
    }
}



/**
 * 页面顶部标题个分享样式
 */
.LB-title-share ul li {
    float: left;
    border-radius: 50%;
    border: 1px solid #666;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0px 16px;
    cursor: pointer;
    font-size: 18px;
}

.LB-title-share ul li:hover a {
    color: #0070ff;
}

.LB-title-share ul li:hover {
    border-color: #0070ff;
}


/**
 * 产品描述表格样式
 */
table.shuxing-table thead tr {
    background: #eee;
}

table.shuxing-table td,
table.shuxing-table th {
    padding: 5px;
    border: 1px solid #ccc;
    text-align: center;
}

@media (max-width: 767px) {

    /* Force table to not be like tables anymore */
    table.shuxing-table,
    table.shuxing-table thead,
    table.shuxing-table tbody,
    table.shuxing-table th,
    table.shuxing-table td,
    table.shuxing-table tr {
        display: block;
    }

    table.shuxing-table tr:nth-of-type(odd) {
        background: #eee;
    }

    table.shuxing-table tr:nth-of-type(odd) td {
        border-bottom-color: #fff;
    }

    table.shuxing-table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    table.shuxing-table tr {
        border: 1px solid #ccc;
        border-bottom: none;
        margin-top: -1px;
    }

    table.shuxing-table tr:last-child {
        border-bottom: 1px solid #ccc;
    }

    table.shuxing-table td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        display: block;
    }

    table.shuxing-table td:before {
        position: absolute;
        top: 5px;
        left: 6px;
        width: 45%;
        font-weight: bold;
        padding-right: 10px;
        white-space: inherit;
        border-right: 1px solid #b5b6bb;

    }

    table.shuxing-table tr td:before {
        content: attr(data-label);
    }
}