.red {
    color:#ed3030
}
.triangle {
    width:14px;
    height:14px
}
.slide-fade-enter-active {
    transition:all .3s ease
}
.slide-fade-leave-active {
    transition:all .3s cubic-bezier(1.0, 0.5, 0.8, 1.0)
}
.slide-fade-enter, .slide-fade-leave-to {
    transform:translateX(10px);
    opacity:0
}
.arrow {
    position:absolute;
    width:14px;
    height:14px;
    left:28px;
    top:-23px
}
.arrow * {
    display:block;
    border-width:12px;
    position:absolute;
    border-style:solid dashed dashed dashed;
    font-size:0;
    line-height:0
}
.arrow em {
    border-color:transparent transparent #e4eaf2 transparent
}
.arrow span {
    border-color:transparent transparent #FFF transparent;
    top:2px
}
.mkt-brand.mktContent .fixedPanel.fix-nav {
    z-index:11
}
.brandProBody .noFixedPanel {
    height:60px;
    width:100%;
    background-color:#fff;
    box-shadow:0 3px 5px 0 rgba(172, 172, 172, 0.29);
    position:relative;
    z-index:9
}
.brandProBody .proLogo {
    width:43px;
    height:35px;
    background:url(icon.png?v=201812171744) -550px 0 no-repeat;
    float:left;
    margin:16px 11px 0 30px
}
.fixedPanelCenter .select {
    width:300px;
    height:100%;
    float:left;
    left:332px;
    position:relative
}
.fixedPanelCenter .select .option {
    width:90px;
    height:40px;
    text-align:center;
    float:left;
    font-size:16px;
    line-height:40px;
    font-family:MicrosoftYaHei;
    color:#8b8b9d;
    position:relative;
    cursor:pointer;
    margin-top:10px
}
.mktContent.mkt-brand .fixedPanelCenter .proTabBox .pick {
    color:#25b8f6
}
.mktContent.mkt-brand .panelRight {
    background-color:#25b8f6
}
.mktContent.mkt-brand .panelRight:hover {
    background:#56cdff
}
.picList .pic1 {
    height:650px;
    width:100%;
    background:url(bg1.png?v=201903111754) center no-repeat
}
.picList .pic1 .container {
    width:1204px;
    height:100%;
    margin:0 auto
}
.picList .pic1 .middle {
    margin:0 0 0 26px;
    width:370px;
    height:40px;
    top:486px;
    position:relative
}
.picList .pic1 .btm {
    color:#fff;
    font-family:MicrosoftYaHei;
    position:relative;
    float:left;
    cursor:pointer;
    text-align:center;
    line-height:50px;
    width:166px;
    height:50px;
    background-color:#25b8f6;
    border-radius:2px;
    font-size:16px
}
.picList .pic1 .btm:hover {
    background-color:#56cdff
}
.picList .pic1 .btm2 {
    color:#fff;
    font-family:MicrosoftYaHei;
    position:relative;
    float:left;
    cursor:pointer;
    text-align:center;
    line-height:50px;
    font-size:16px;
    margin-left:30px;
    width:166px;
    height:50px;
    background-color:#295fef;
    border-radius:2px;
    border:solid 1px #00c1ff
}
.picList .pic1 .btm2:hover {
    background-color:#1a52e8
}
.picList .pic2 {
    height:1474px;
    width:100%;
    background:url(bg2.png?v=201903111754) center no-repeat
}
.picList .pic2 .container {
    width:1204px;
    height:100%;
    margin:0 auto
}
.picList .pic2 .container .btm {
    color:#fff;
    font-family:MicrosoftYaHei;
    top:556px;
    position:relative;
    margin:auto;
    cursor:pointer;
    text-align:center;
    line-height:50px;
    width:228px;
    height:50px;
    background-color:#25b8f6;
    font-size:16px;
    border-radius:2px
}
.picList .pic2 .container .btm:hover {
    background-color:#12b4f8
}
.picList .pic3 {
    height:1389px;
    width:100%;
    background:url(bg3.png?v=201903111754) center no-repeat
}
.picList .pic3 .container {
    width:1204px;
    height:100%;
    margin:0 auto
}
.picList .pic3 .container .btm {
    color:#fff;
    font-family:MicrosoftYaHei;
    top:500px;
    position:relative;
    margin:auto;
    cursor:pointer;
    text-align:center;
    line-height:50px;
    width:228px;
    height:50px;
    background-color:#25b8f6;
    border-radius:2px;
    font-size:16px
}
.picList .pic3 .container .btm:hover {
    background-color:#3cc0f8
}
.picList .pic4 {
    height:1456px;
    width:100%;
    background:url(bg4.png?v=201903251744) center no-repeat
}
.picList .pic4 .container {
    width:1204px;
    height:100%;
    margin:0 auto
}
.picList .pic4 .container .btm {
    color:#fff;
    font-family:MicrosoftYaHei;
    top:500px;
    position:relative;
    margin:auto;
    cursor:pointer;
    text-align:center;
    line-height:50px;
    width:228px;
    height:50px;
    background-color:#25b8f6;
    border-radius:2px;
    font-size:16px
}
.picList .pic4 .container .btm:hover {
    background-color:#3cc0f8
}
.productPage {
    width:100%;
    background-color:#f4f4f4;
    position:relative;
    padding-top:30px
}
.productPage .content {
    width:1220px;
    height:710px;
    background-color:#fff;
    margin:auto;
    position:relative
}
.productPage .content .productLeft {
    width:285px;
    height:302px;
    background-color:#fff;
    border:solid 1px #eaeaea;
    top:54px;
    margin-left:77px;
    position:relative;
    float:left
}
.productPage .content .productLeft .top {
    width:285px;
    height:64px;
    color:#213049;
    font-family:MicrosoftYaHei;
    font-size:18px;
    text-align:center;
    line-height:64px
}
.productPage .content .productLeft .bg0 {
    background:url(/image/pro/icon.png?v=201812171744) -813px -420px no-repeat
}
.productPage .content .productLeft .bg1 {
    background:url(/image/pro/icon.png?v=201812171744) -813px -534px no-repeat
}
.productPage .content .productLeft .bg2 {
    background:url(/image/pro/icon.png?v=201812171744) -813px -648px no-repeat
}
.productPage .content .productLeft .bg3 {
    background:url(/image/pro/icon.png?v=201812171744) -813px -762px no-repeat
}
.productPage .content .productLeft .bg4 {
    background:url(/image/pro/icon.png?v=201812171744) -813px -876px no-repeat
}
.productPage .content .productLeft .detailList {
    height:37px;
    position:relative;
    margin:0 16px 0 21px;
    border-bottom:1px dashed #cdcdcd
}
.productPage .content .productLeft .pic0 {
    width:24px;
    height:24px;
    background:url(/image/seo/icon.png?v=201903251744) -100px -343px no-repeat;
    float:left;
    top:50%;
    transform:translate(50%, -50%);
    position:relative;
    left:7px
}
.productPage .content .productLeft .pic1 {
    width:24px;
    height:24px;
    background:url(/image/seo/icon.png?v=201903251744) -177px -343px no-repeat;
    float:left;
    top:50%;
    transform:translate(50%, -50%);
    position:relative;
    left:7px
}
.productPage .content .productLeft .pic2 {
    width:24px;
    height:24px;
    background:url(/image/seo/icon.png?v=201903251744) -253px -343px no-repeat;
    float:left;
    top:50%;
    transform:translate(50%, -50%);
    position:relative;
    left:7px
}
.productPage .content .productLeft .pic3 {
    width:24px;
    height:24px;
    background:url(/image/seo/icon.png?v=201903251744) -329px -343px no-repeat;
    float:left;
    top:50%;
    transform:translate(50%, -50%);
    position:relative;
    left:7px
}
.productPage .content .productLeft .key {
    height:100%;
    width:84px;
    float:left;
    font-size:14px;
    line-height:41px;
    font-family:MicrosoftYaHei;
    color:#999;
    position:relative;
    text-align:left
}
.productPage .content .productLeft .value {
    height:100%;
    font-family:MicrosoftYaHei;
    font-size:14px;
    line-height:41px;
    color:#333;
    position:relative;
    text-align:left;
    vertical-align:middle;
    float:left;
    display:table-cell;
    margin-left:65px
}
.productPage .content .productRight {
    width:738px;
    background:#fff;
    float:left;
    top:54px;
    position:relative;
    margin-left:33px
}
.productPage .content .productRight .top {
    width:738px;
    height:224px;
    background-color:#f5f4f4;
    top:0;
    position:relative
}
.productPage .content .productRight .top .saleMsg {
    width:738px;
    height:42px;
    background:url(/image/pro/icon.png?v=201812171744) 0 -180px no-repeat;
    float:right;
    top:0;
    position:absolute;
    right:0;
    background-color:#ff5161
}
.productPage .content .productRight .top .priceArea {
    width:666px;
    height:118px;
    position:relative;
    top:42px;
    border-bottom:1px #e5e5e5;
    border-bottom-style:dashed;
    margin:0 32px
}
.productPage .content .productRight .top .detail {
    width:100%;
    height:64px;
    position:relative;
    top:41px
}
.productPage .content .productRight .top .saleMsg .clock {
    background:url(/image/pro/icon.png?v=201812171744) 0 -272px no-repeat;
    float:left;
    position:absolute;
    top:11px;
    left:10px;
    width:21px;
    height:21px
}
.productPage .content .productRight .top .saleMsg .msg {
    width:430px;
    height:100%;
    float:left;
    position:relative;
    left:40px;
    font-family:MicrosoftYaHei;
    font-size:14px;
    line-height:42px;
    color:#fff;
    text-align:left
}
.productPage .content .productRight .top .saleMsg .time {
    width:260px;
    height:100%;
    float:left;
    position:relative;
    left:45px;
    font-family:MicrosoftYaHei;
    font-size:14px;
    line-height:42px;
    color:#fff
}
.productPage .content .productRight .top .saleMsg .time .box {
    width:44px;
    height:22px;
    background-color:#67261c;
    border-radius:4px;
    float:left;
    top:11px;
    position:relative;
    margin:0 4px;
    line-height:22px;
    text-align:center
}
.productPage .content .productRight .top .saleMsg .time .text {
    font-family:MicrosoftYaHei;
    font-size:14px;
    line-height:42px;
    color:#fff;
    float:left;
    position:relative;
    height:42px
}
.productPage .content .productRight .top .priceArea .price {
    width:666px;
    height:40px;
    position:relative;
    top:20px
}
.productPage .content .productRight .top .priceArea .cue {
    width:133px;
    height:21px;
    border-radius:4px;
    border:solid 1px #fc7d34;
    color:#fc6a2a;
    line-height:21px;
    font-family:MicrosoftYaHei;
    float:left;
    left:4px;
    position:relative;
    top:-1px;
    text-align:center
}
.productPage .content .productRight .top .priceArea .tipsLeft {
    width:18px;
    height:25px;
    background:url(/image/pro/icon.png?v=201812171744) -421px -271px no-repeat;
    position:relative;
    top:11px;
    left:12px;
    float:left
}
.productPage .content .productRight .top .priceArea .price .key {
    width:70px;
    height:40px;
    font-family:MicrosoftYaHei;
    font-size:14px;
    line-height:18px;
    color:#333;
    line-height:40px;
    float:left
}
.productPage .content .productRight .top .priceArea .price .value {
    height:40px;
    font-family:MicrosoftYaHei;
    font-size:14px;
    font-weight:normal;
    letter-spacing:0;
    color:#b8b8b9;
    float:left;
    line-height:40px
}
.productPage .content .productRight .top .detail .pic0 {
    width:18px;
    height:18px;
    background:url(/image/pro/icon.png?v=201812171744) -563px -1043px no-repeat;
    float:left;
    top:23px;
    position:relative;
    margin-left:28px
}
.productPage .content .productRight .top .detail .pic1 {
    width:18px;
    height:18px;
    background:url(/image/pro/icon.png?v=201812171744) -652px -1043px no-repeat;
    float:left;
    top:24px;
    position:relative;
    left:25px
}
.productPage .content .productRight .top .detail .pic2 {
    width:18px;
    height:18px;
    background:url(/image/pro/icon.png?v=201812171744) -154px -1046px no-repeat;
    float:left;
    top:23px;
    position:relative;
    left:29px
}
.productPage .content .productRight .top .detail .pic3 {
    width:18px;
    height:18px;
    background:url(/image/pro/icon.png?v=201812171744) -232px -1046px no-repeat;
    float:left;
    top:23px;
    position:relative;
    left:45px
}
.productPage .content .productRight .top .detail .pic4 {
    width:18px;
    height:18px;
    background:url(/image/pro/icon.png?v=201812171744) -319px -1046px no-repeat;
    float:left;
    top:23px;
    position:relative;
    left:41px
}
.productPage .content .productRight .top .detail .pic5 {
    width:18px;
    height:18px;
    background:url(/image/pro/icon.png?v=201812171744) -407px -1046px no-repeat;
    float:left;
    top:23px;
    position:relative;
    left:28px
}
.productPage .content .productRight .top .detail .text {
    width:84px;
    height:64px;
    font-family:MicrosoftYaHei;
    font-size:12px;
    line-height:64px;
    color:#7f879c;
    float:left;
    text-align:center;
    position:relative
}
.productPage .content .productRight .top .detail .volume {
    width:79px;
    height:64px;
    font-family:MicrosoftYaHei;
    font-size:12px;
    line-height:64px;
    color:#b8b8b9;
    float:right;
    right:32px;
    position:relative
}
.productPage .content .productRight .category {
    width:100%;
    color:#213049;
    font-family:MicrosoftYaHei;
    font-size:18px;
    text-align:center;
    line-height:72px;
    padding:20px 0 0 0
}
.productPage .content .productRight .category .box {
    width:100%;
    height:55px;
    font-size:14px;
    line-height:18px;
    color:#3e3e3e;
    position:relative
}
.productPage .content .productRight .category .box .text {
    width:80px;
    height:55px;
    font-family:MicrosoftYaHei;
    font-size:14px;
    color:#3e3e3e;
    line-height:55px;
    margin-left:10px;
    float:left
}
.productPage .content .productRight .category .box .mealType {
    width:120px;
    height:40px;
    border-radius:2px;
    border:solid 1px #d8dde6;
    float:left;
    margin:11px 9px 11px 0;
    line-height:40px;
    cursor:pointer
}
.productPage .content .productRight .category .box .mealType[checked] {
    border-radius:2px;
    border:solid 1px #ed3030
}
.productPage .content .productRight .category .box .selected {
    width:15px;
    height:13px;
    background:url(/image/pro/icon.png?v=201812171744) -351px -280px no-repeat;
    position:relative;
    float:right;
    right:0;
    top:-13px;
    text-align:center
}
.productPage .content .productRight .category .box .deadline {
    width:120px;
    height:40px;
    border-radius:2px;
    border:solid 1px #d8dde6;
    float:left;
    margin:11px 11px 11px 0;
    line-height:40px;
    cursor:pointer
}
.productPage .content .productRight .category .box .deadline[checked] {
    border:solid 1px #ed3030
}
.productPage .content .productRight .category .box .inputMoney {
    width:156px;
    height:30px;
    border-radius:2px;
    border:solid 1px #ed3030;
    float:left;
    margin:11px 0;
    text-align:center;
    outline:0
}
.productPage .content .productRight .total {
    width:733px;
    border-top:1px dashed #e4eaf2;
    border-bottom:1px dashed #e4eaf2;
    padding:15px 0;
    margin:32px 14px 0 0
}
.productPage .content .productRight .category .box .fav {
    width:58px;
    height:24px;
    background:url(/image/pro/icon.png?v=201812171744) -0px -343px no-repeat;
    float:left;
    top:-42px;
    position:relative;
    left:128px
}
.productPage .content .productRight .category .box .cue {
    width:255px;
    height:35px;
    position:absolute;
    top:59px;
    left:80px;
    font-size:12px;
    color:#7f879c
}
.productPage .content .productRight .category .box .cue .con {
    width:255px;
    height:26px;
    border-radius:13px;
    border:solid 1px #e4eaf2;
    line-height:26px
}
.productPage .content .productRight .total .marketPrice {
    width:100%;
    height:35px;
    color:#ed3030;
    font-family:MicrosoftYaHei;
    font-size:14px;
    line-height:35px;
    text-align:left;
    margin-left:16px
}
.productPage .content .productRight .total .marketPrice .key {
    width:170px;
    float:left
}
.productPage .content .productRight .total .marketPrice .value {
    float:left;
    position:relative;
    width:100px;
    height:100%
}
.productPage .content .productRight .total .preferentialPrice {
    width:100%;
    height:35px;
    color:#333;
    font-family:MicrosoftYaHei;
    font-size:14px;
    line-height:35px;
    text-align:left;
    margin-left:16px
}
.productPage .content .productRight .total .preferentialPrice .key {
    width:170px;
    float:left
}
.productPage .content .productRight .total .preferentialPrice .value {
    float:left;
    position:relative;
    width:100px;
    height:100%
}
.productPage .content .productRight .sum {
    width:733px;
    height:50px;
    line-height:60px;
    font-family:MicrosoftYaHei;
    font-size:14px;
    color:#3e3e3e;
    margin:10px 0 0 16px
}
.productPage .content .productRight .sum .key {
    float:left
}
.productPage .content .productRight .sum .value {
    font-family:MicrosoftYaHei;
    font-size:28px;
    line-height:50px;
    color:#de3032;
    height:50px;
    float:left
}
.productPage .content .productRight .sum .oldPrice {
    width:733px;
    height:50px;
    line-height:50px;
    font-family:MicrosoftYaHei;
    font-size:14px;
    color:#3e3e3e;
    margin-left:16px;
    text-decoration:line-through;
    color:#b8b8b9
}
.productPage .content .productRight .submit {
    width:160px;
    height:50px;
    background-color:#de3032;
    color:#fff;
    font-family:MicrosoftYaHei;
    font-size:16px;
    line-height:50px;
    text-align:center;
    margin-top:12px;
    cursor:pointer;
    margin-left:-72px;
    float:left
}
.productPage .content .productRight .submit:hover {
    background-color:#f02927
}
.productPage .content .productRight .consult {
    width:130px;
    height:50px;
    background-color:#fdf2f2;
    border-radius:2px;
    color:#de3032;
    font-family:MicrosoftYaHei;
    font-size:16px;
    line-height:50px;
    text-align:center;
    margin-top:12px;
    cursor:pointer;
    margin-left:14px;
    float:left
}
.productPage .content .productRight .consult:hover {
    background-color:#fce6e7
}
.warmTips {
    width:1140px;
    margin:auto;
    top:93px;
    position:relative;
    left:46px;
    border-top:solid 1px #e4eaf2;
    margin-top:49px
}
.warmTips .warmTipsHead {
    height:35px;
    line-height:35px
}
.warmTips .warmTipsHeadText {
    float:left;
    font-family:MicrosoftYaHei;
    font-size:16px;
    color:#8b8b9d;
    margin-top:49px
}
.warmTips .warmTipsHeadImg {
    background:url(/image/bz.png?v=201703201729) -227px -495px no-repeat;
    float:left;
    width:50px;
    height:35px
}
.warmTips .warmTipsText {
    margin-top:15px;
    line-height:30px;
    color:#666;
    text-align:left
}
.warmTips .warmTipsTextPoint {
    width:4px;
    height:4px;
    background-color:#9d9dac;
    float:left;
    top:14px;
    position:relative;
    margin-right:8px
}
.customSvr {
    width:40px;
    height:40px;
    background-color:#d9e0e6;
    right:-75px;
    float:right;
    position:relative;
    top:345px;
    cursor:pointer
}
.customSvr:hover {
    background-color:#3c8aff
}
.customSvr .svrIcon {
    width:20px;
    height:20px;
    background:url(/image/pro/icon.png?v=201812171744) -418px -346px no-repeat;
    margin:10px auto
}
.arrow {
    width:23px;
    height:28px;
    background:url(/image/pro/icon.png?v=201812171744) -266px -1239px no-repeat;
    top:830px;
    left:50%;
    transform:translate(-50%);
    position:relative;
    animation:mymove 2s infinite;
    -moz-animation:mymove 2s infinite;
    -webkit-animation:mymove 2s infinite;
    -o-animation:mymove 2s infinite
}
.arrow2 {
    width:23px;
    height:28px;
    background:url(/image/pro/icon.png?v=201812171744) -366px -1239px no-repeat;
    top:830px;
    left:50%;
    transform:translate(-50%);
    position:relative;
    animation:mymove 2s infinite;
    -moz-animation:mymove 2s infinite;
    -webkit-animation:mymove 2s infinite;
    -o-animation:mymove 2s infinite
}
@keyframes mymove {
    0% {
        top:93%
    }
    50% {
        top:95%
    }
    100% {
        top:93%
    }
}
@-moz-keyframes mymove {
    0% {
        top:93%
    }
    50% {
        top:95%
    }
    100% {
        top:93%
    }
}
@-webkit-keyframes mymove {
    0% {
        top:93%
    }
    50% {
        top:95%
    }
    100% {
        top:93%
    }
}
@-o-keyframes mymove {
    0% {
        top:93%
    }
    50% {
        top:95%
    }
    100% {
        top:93%
    }
}
.sale-popup {
    width:414px;
    height:394px;
    position:fixed;
    margin:auto;
    z-index:9999;
    line-height:30px;
    text-align:center;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    background:url(salePopup.png) 0 0 no-repeat
}
.sale-popup .sale-close {
    width:13px;
    height:13px;
    background:url(/image/pro/adverNiu/sale-3.6.png?v=201903011719) 0 -548px no-repeat;
    right:18px;
    position:absolute;
    top:15px;
    cursor:pointer
}
.sale-popup .sale-close:hover {
    background:url(/image/pro/adverNiu/sale-3.6.png?v=201903011719) -81px -548px no-repeat
}
.sale-popup .sale-popup-text {
    font-family:MicrosoftYaHei;
    font-size:18px;
    line-height:60px;
    color:#000;
    float:left;
    position:relative;
    top:263px;
    margin:auto
}
.sale-popup span {
    top:273px;
    position:relative;
    font-family:MicrosoftYaHei;
    font-size:18px;
    left:175px;
    float:left
}
.sale-popup .sale-popup-value {
    width:30px;
    height:30px;
    color:#fff;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
    background:#e4303b;
    display:block;
    margin:0 10px
}
.sale-popup .sale-popup-left-btm {
    border-radius:2px;
    font-size:18px;
    line-height:41px;
    top:312px;
    position:relative;
    cursor:pointer;
    width:190px;
    height:54px;
    margin:auto;
    background:url(salePopup-btm.png) 0 0 no-repeat
}
.sale-popup .sale-popup-left-btm:hover {
    background:url(salePopup-btm.png) 0 -76px no-repeat
}
.mkt-suspend {
    float:right;
    left:auto
}
.mkt-suspend-adver-logo {
    width:72px;
    height:142px;
    background:url(adver-logo.gif) 0 0 no-repeat;
    position:fixed;
    right:25px;
    bottom:135px;
    z-index:9000;
    cursor:pointer
}