﻿#k-nav-area {
   background-color:#081940 !important;
}
#k-nav-area:hover {
   background-color:#081940 !important;
}
.act-bg-blue {
    background: #100831;
}

.act-bg-top-bg {
    background: #4364f1;
}

.t-right{
    text-align:right;
}
.act-top-img {
    width:713px;
    margin-top:75px;

}
.f-c-red{
    color: #EE6552;
}
.time-img{
    display: block;
    margin: 0 auto;
    height: 60px;
    margin-top: 14px;

    display: block;
}
.act-top-tips {
    margin:0 auto;
     margin-top:14px;
    width:300px;
    height: 40px;
    background: #FFFFFF;
    border-radius: 22px;
    border: 2px solid #EE6552;
    line-height:40px;
    font-weight:bold;
    font-size: 20px;
    text-align:center;
    color: #EE6552;
}

.act-top-tips-small {
color: #2D7BFF;
cursor: pointer;
font-size: 16px;
margin-left: 10px;
    
}
.act-bg-top-img {
      background-image:url("/assets/v2/images/newact/banner@2x.png");
        background-repeat:no-repeat;
        background-position:center;
        background-size:cover;
        
}
.act-bg-blue1 {
   background: linear-gradient(315deg, #2525A5 0%, #1E49D3 100%);
}

.act-bg-white {
    background: #fff;
}
.act-bg-grey {
    background: #F2F4F7;
}
.h-350 {
    height:350px;
}
.h-500 {
    height:500px;
}
.pd-40{
    padding:40px;
}
.fs-28{
    font-size:28px;
}
.w-border {
    border: 1px solid #EBECEC;
    transition: all ease 0.2s;
}
.w-border:hover{
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
    transform: scale(1.02);

}
.w-200{
    width: 200px !important;
}
.mb-20{
    margin-bottom:20px;
}
.pb-40{
    padding-bottom: 40px;
}
.d-b{
    display: block !important;
}
.act-bg-img{
    background-image:url("/assets/v2/images/newact/carbg@2x.png");
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
}
.lh-20{
    line-height:20px;
}
.origin-price {
    height: 24px;
    font-size: 14px;
    font-weight: 400;
    color: #B0B0B0;
    line-height: 24px;
text-decoration: line-through;
}
.item-tag-bg {
    background: rgba(238, 101, 82, 0.1);


}
.item-tag {
    height: 24px;
    border-radius: 4px;
    border: 1px solid #EE6552;
    padding:2px 5px;
    height: 20px;
font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #EE6552;
line-height: 20px;
}
.item-tag-group {
       padding-top:10px;
       padding-bottom:10px;
}
.pb12 {
    padding-bottom:12px !important;
}
.mb-40{
    margin-bottom: 40px;
}
.act-button {
    display:inline-block;
    width: 104px;
    height: 34px;
    background: linear-gradient(270deg, #EE6552 0%, #CE4431 100%);
    text-align:center;
    line-height:34px;
    color:#fff;
    font-size:16px;
    transition: all ease 1s;
    cursor: pointer;
}
.act-button:hover{
    background: linear-gradient(270deg, #CE4431 0%, #EE6552 100%);
    
}
.pr30 {
    padding-right:30px;
}
.w-380{
    width:380px;
}
.w-580{
    width:580px;
}
.ml-20 {
    margin-left:20px;
}
.mr-20{
    margin-right:20px;
}
.h-303{
    height:303px;
}
.fl{
    float:left;
}
.fr{
    float:right;
}
.pb-80{
    padding-bottom:80px;
}
.zk {
    width: 50px;
    height: 20px;
    line-height:20px;
    border-radius: 4px;
    border: 1px solid #EE6552;
    text-align:center;
    font-size:14px;
    display:inline-block;
    color:#EE6552;
}
.t-left {
    text-align:left;
}
.ml-4 {
    margin-left:4px;
}
.mr-4{
     margin-right:4px;
}
.pd-30 {
    padding:30px;
}
.w280 {
    width:280px;
}
.pd-25 {
    padding:25px;
}
.why-wrapper {
    padding-top:76px;
    height:400px;
    text-align:center;
   background-image:url("/assets/v2/images/newact/bg_why@2x.png");
        background-repeat:no-repeat;
        background-position:center;
        background-size:1920px 400px;
}
.why-item {
    width:240px;
    float:left;
}
.why-desc {
    color:#fff;
}
.why-desc-big {
    font-size:46px;
    line-height:46px;

}
.why-wrapper-title {
    height: 32px;
    font-size: 32px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 32px;
}
.item-wapper {
    padding-top:30px;
    padding-left:20px;
    padding-right:30px;
    height:156px;
}
.item-desc{
height: 24px;
font-size: 24px;
font-weight: 500;
color: #333333;
line-height: 24px;
}
.ml-270{
    margin-left:270px;
}
.mt-30{
    margin-top:30px;
}
.mt-80{
    margin-top:80px;
}
.r-tag{
    width:67px;
    position:absolute;
    top:-7px;
    right:-7px;

}
.v-line{
    height:1px;
    background:#CCCCCC;
    width:100%;
}
.get-btn{
    text-align:center;
    color:#fff;
    font-size:16px;
    border:1px solid #fff;
    width: 200px;
    height: 42px;
    line-height:42px;
    border-radius: 2px;
    border: 1px solid #FFFFFF;

}
.p-relative{
    position:relative;
}
.h-240{
    height:240px;
}
.h-360{
    height:360px;
}
.v-w-line {
    width: 30px;
    height: 4px;
    background: #FFFFFF;
}
.act-bg-2{
    background-image:url("/assets/v2/images/newact/bg2@2x.png");
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
}
.act-bg-3{
    background-image:url("/assets/v2/images/newact/bg2@2x.png");
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
}
.fs-14 {
    font-size:14px;
}
.fs-24{
    font-size:24px;
}
.fs-20{
    font-size:20px;
}
.fs-40{
    font-size:40px;
}
.fs-32{
    font-size:32px;
}
.d-i-b {
    display:inline-block;
    margin-right:10px;
}

.fb {
    font-weight:bold;
}
.t-center {
    text-align:center;
}
.w-1180 {
    width:1180px;
}
.h-558{
    height:558px;
}
.pt-55{
    padding-top:55px;
}
.pt-90{
    padding-top:90px;
}
.pt-80{
    padding-top:80px;
}
.h-520 {
    height:520px;
}
.w-598 {
    width:598px;
}
.v-m {
    vertical-align:middle;
}
.f-c-white {
    color:#fff;
}
.f-c-grey1 {
    color:#333333;
}
.f-c-grey2 {
    color:#666666;
}
.f-c-grey3 {
    color:#B0B0B0;
}
.f-c-blue1 {
    color:#EE6552;
}
.fs-40 {
    font-size:40px;
}
.fs-16 {
    font-size:16px;
}
.lh-40{
    line-height:40px;
}
.mt-20 {
    margin-top:20px;
}
.mt-40 {
    margin-top:40px;
}
.mr-12 {
    margin-right:12px;
}
.d-table {
    display:table;
}
.d-table-cell {
    display:table-cell;
}
.m-center {
    margin:0 auto;
}
.btn-wap{
    position:absolute;
    top:30px;
    left:30px;
}
.act-m-button{
    width: 100px;
    height: 30px;
    background: #FFFFFF;
    border-radius: 4px;
    border: 1px solid #EE6552;
    line-height:30px;
    text-align:center;
    color:#EE6552;
    cursor:pointer;
}
.btn-active{
    color:#fff;
    background: linear-gradient(270deg, #EE6552 0%, #4553C7 100%);
}
.w100p {
    width:100%;

}
.unit {
    position:relative;
    right:10px;

}
.mask{
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #000000;
    opacity: 0.5;
    z-index: 9999;
}
.dialog{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0);
    width: 500px;
    background: #fff;
    z-index: 99999;

    /* height: 400px; */
    
}
.dialog-content{
    padding: 25px 40px;
    line-height: 24px;
    font-size: 14px;
}
.dialog .dialog-header{
    color: #fff;
    font-size: 18px;
    text-align: center;
    position: relative;
    height: 60px;
    line-height: 60px;
    background: linear-gradient(270deg, #EE6552 0%, #CE4431 100%);
}
.dialog .dialog-header img{
    position: absolute;
    top: 25px;
    right: 25px;
    width: 10px;
    cursor: pointer;
}