/* 主题-橙 */
#app .orange .el-link:hover,
#app .orange .right-box .form .btn,
#app .orange .el-tabs__item.is-active,
#app .orange .tab-box .el-tabs__content a,
#app .orange .tab-box .el-tabs__item:hover,
#app .orange .swiper-box .swiper-button-next,
#app .orange .swiper-box .swiper-button-prev,
#app .orange .tab-box a {
    color: #fe9900;
}

#app .orange .el-button--primary.is-plain {
    color: #fe9900;
    border-color: rgb(255, 224, 198);
    background-color: rgb(255, 245, 236);
}

#app .orange .el-menu--horizontal>.el-menu-item.is-active,
#app .orange .el-button--primary.is-plain:hover,
#app .orange .right-box .form .btn:hover {
    color: #fff;
    border-color: #fe9900;
    background-color: #fe9900;
}

#app .orange .left-box .title-box {
    border-bottom: 1px solid #fe9900;
}

#app .orange .left-box .title-box h1:before,
#app .orange .el-tabs__active-bar {
    background: #fe9900;
}

#app .orange .take-box {
    border-color: #fe9900;
}

/* 主题-红 */
#app .red .el-link:hover,
#app .red .right-box .form .btn,
#app .red .el-tabs__item.is-active,
#app .red .tab-box .el-tabs__content a,
#app .red .tab-box .el-tabs__item:hover,
#app .red .swiper-box .swiper-button-next,
#app .red .swiper-box .swiper-button-prev,
#app .red .tab-box a  {
    color: #f50008;
}

#app .red .el-button--primary.is-plain {
    color: #f50008;
    border-color: rgb(252, 179, 181);
    background-color: rgb(254, 230, 230);
}

#app .red .el-menu--horizontal>.el-menu-item.is-active,
#app .red .el-button--primary.is-plain:hover,
#app .red .right-box .form .btn:hover {
    color: #fff;
    border-color: #f50008;
    background-color: #f50008;
}

#app .red .left-box .title-box {
    border-bottom: 1px solid #f50008;
}

#app .red .left-box .title-box h1:before,
#app .red .el-tabs__active-bar {
    background: #f50008;
}

#app .red .take-box {
    border-color: #f50008;
}

/* 主题-粉 */
#app .pink .el-link:hover,
#app .pink .right-box .form .btn,
#app .pink .el-tabs__item.is-active,
#app .pink .tab-box .el-tabs__content a,
#app .pink .tab-box .el-tabs__item:hover,
#app .pink .swiper-box .swiper-button-next,
#app .pink .swiper-box .swiper-button-prev,
#app .pink .tab-box a  {
    color: #ed008c;
}

#app .pink .el-button--primary.is-plain {
    color: #ed008c;
    border-color: rgb(250, 179, 221);
    background-color: rgb(253, 230, 244);
}

#app .pink .el-menu--horizontal>.el-menu-item.is-active,
#app .pink .el-button--primary.is-plain:hover,
#app .pink .right-box .form .btn:hover {
    color: #fff;
    border-color: #ed008c;
    background-color: #ed008c;
}

#app .pink .left-box .title-box {
    border-bottom: 1px solid #ed008c;
}

#app .pink .left-box .title-box h1:before,
#app .pink .el-tabs__active-bar {
    background: #ed008c;
}

#app .pink .take-box {
    border-color: #ed008c;
}

/* 主题-绿 */
#app .green .el-link:hover,
#app .green .right-box .form .btn,
#app .green .el-tabs__item.is-active,
#app .green .tab-box .el-tabs__content a,
#app .green .tab-box .el-tabs__item:hover,
#app .green .swiper-box .swiper-button-next,
#app .green .swiper-box .swiper-button-prev,
#app .green .tab-box a  {
    color: #5cb87a;
}

#app .green .el-button--primary.is-plain {
    color: #5cb87a;
    border-color: rgb(206, 234, 215);
    background-color: rgb(239, 248, 242);
}

#app .green .el-menu--horizontal>.el-menu-item.is-active,
#app .green .el-button--primary.is-plain:hover,
#app .green .right-box .form .btn:hover {
    color: #fff;
    border-color: #5cb87a;
    background-color: #5cb87a;
}

#app .green .left-box .title-box {
    border-bottom: 1px solid #5cb87a;
}

#app .green .left-box .title-box h1:before,
#app .green .el-tabs__active-bar {
    background: #5cb87a;
}

#app .green .take-box {
    border-color: #5cb87a;
}

/* 主题-紫 */
#app .purple .el-link:hover,
#app .purple .right-box .form .btn,
#app .purple .el-tabs__item.is-active,
#app .purple .tab-box .el-tabs__content a,
#app .purple .tab-box .el-tabs__item:hover,
#app .purple .swiper-box .swiper-button-next,
#app .purple .swiper-box .swiper-button-prev,
#app .purple .tab-box a  {
    color: #9045fa;
}

#app .purple .el-button--primary.is-plain {
    color: #9045fa;
    border-color: rgb(219, 185, 217);
    background-color: rgb(243, 232, 242);
}

#app .purple .el-menu--horizontal>.el-menu-item.is-active,
#app .purple .el-button--primary.is-plain:hover,
#app .purple .right-box .form .btn:hover {
    color: #fff;
    border-color: #9045fa;
    background-color: #9045fa;
}

#app .purple .left-box .title-box {
    border-bottom: 1px solid #9045fa;
}

#app .purple .left-box .title-box h1:before,
#app .purple .el-tabs__active-bar {
    background: #9045fa;
}

#app .purple .take-box {
    border-color: #9045fa;
}

/* 主题-金 */
#app .gold .el-link:hover,
#app .gold .right-box .form .btn,
#app .gold .el-tabs__item.is-active,
#app .gold .tab-box .el-tabs__content a,
#app .gold .tab-box .el-tabs__item:hover,
#app .gold .swiper-box .swiper-button-next,
#app .gold .swiper-box .swiper-button-prev,
#app .gold .tab-box a {
    color: #ffc400;
}

#app .gold .el-button--primary.is-plain {
    color: #ffc400;
    border-color: rgb(255, 237, 179);
    background-color: rgb(255, 249, 230);
}

#app .gold .el-menu--horizontal>.el-menu-item.is-active,
#app .gold .el-button--primary.is-plain:hover,
#app .gold .right-box .form .btn:hover {
    color: #fff;
    border-color: #ffc400;
    background-color: #ffc400;
}

#app .gold .left-box .title-box {
    border-bottom: 1px solid #ffc400;
}

#app .gold .left-box .title-box h1:before,
#app .gold .el-tabs__active-bar {
    background: #ffc400;
}

#app .gold .take-box {
    border-color: #ffc400;
}

/* 主题-黑 */
#app .black .el-link:hover,
#app .black .right-box .form .btn,
#app .black .el-tabs__item.is-active,
#app .black .tab-box .el-tabs__content a,
#app .black .tab-box .el-tabs__item:hover,
#app .black .swiper-box .swiper-button-next,
#app .black .swiper-box .swiper-button-prev,
#app .black .tab-box a  {
    color: #130f1c;
}

#app .black .el-button--primary.is-plain {
    color: #130f1c;
    border-color: rgb(184, 183, 187);
    background-color: rgb(231, 231, 232);
}

#app .black .el-menu--horizontal>.el-menu-item.is-active,
#app .black .el-button--primary.is-plain:hover,
#app .black .right-box .form .btn:hover {
    color: #fff;
    border-color: #130f1c;
    background-color: #130f1c;
}

#app .black .left-box .title-box {
    border-bottom: 1px solid #130f1c;
}

#app .black .left-box .title-box h1:before,
#app .black .el-tabs__active-bar {
    background: #130f1c;
}

#app .black .take-box {
    border-color: #130f1c;
}

/*************************************** 个性样式↓ ***************************************/

/* 无导读类个性样式 */
#app .noTakeaway .banner-title span {
    font-size: 44px;
    letter-spacing: 4px;
}

@media(max-width: 1100px) {
    #app .noTakeaway .banner-title span {
        font-size: 20px;
        letter-spacing: 0px;
    }

    #app .noTakeaway .banner-box {
        height: 200px;
    }

    #app .noTakeaway .banner-box img {
        left: calc(50% - 465px);
    }
}