.Pricing-wrapper {
    padding: 60px 0px 0px;
    background-color: #f5f5f5;
}

.sonban-container {
  width: 100%;
  position: relative;
}
.sonban-container img {
    display: block;
    width: 100%;
}
.sonban-container .sonban-cont {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.sonban-container .sonban-cont .sonban-cont-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 1920px;
    margin: 0px auto;
   
}
.sonban-container .sonban-cont .sonban-cont-text .sonban-cont-h2 {
    color: #333;
    font-size: 40px;
    font-weight: bold;
}
.sonban-container .sonban-cont .sonban-cont-text .sonban-cont-btn {
    margin-top: 45px;
}
.sonban-container .sonban-cont .sonban-cont-text .sonban-cont-btn a.btn {
    width: 180px;
    height: 50px;
    border-radius: 50px;
    background: linear-gradient( 180deg, #CE0900 0%, #E20A00 100%);
    font-size: 16px;
}


.vip-split-top {
    width: 100%;
    position: relative;
}
.vip-split-top > img {
    display: block;
    width: 100%;
    min-height: 375px;
    object-fit: cover;
}
.vip-split-top .vip-split-cont {
    position: absolute;
    top: 0px;
    z-index: 2;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/*企业*/
.vip-split-header {
    display: flex;
    align-items: center;
    background: #fff;
    padding: 6px;
    border-radius: 3px;
    overflow: hidden;
}
.vip-split-header .vip-split-item {
    width: 275px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    border-radius: 3px;
    overflow: hidden;
    cursor: pointer;
}
.vip-split-header .vip-split-item.active {
    color: #fff;
    background: #E20A00;
}
.vip-split-info {
    margin-top: 60px;
    text-align: center;
}
.vip-split-info .vip-split-info-wrapper p {
    color: #ffffff;
    font-size: 40px;
    font-weight: bold;
    line-height: 100%;
}
.vip-split-info .vip-split-info-wrapper span {
    display: block;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    margin-top: 20px;
}
.vip-split-info .vip-split-info-wrapper a.btn {
    display: inline-flex;
    width: 180px;
    height: 50px;
    border-radius: 50px;
    background: linear-gradient( 180deg, #CE0900 0%, #E20A00 100%);
    font-size: 16px;
    margin-top: 35px;
}

/*个人*/
.vip-split-card-box {   
    width: 100%;
    max-width: 1400px;
    padding: 48px 0;
    margin: 0 auto;
    position: relative;
}
.vip-split-card-box .vip-split-card-content {
    width: 100%;
    height: auto;
    overflow: hidden;
}
.vip-split-card-prev,
.vip-split-card-next {
    position: absolute;
    width: 32px;
    height: 32px;
    top: -webkit-calc(50% - 16px);
    top: -moz-calc(50% - 16px);
    top: calc(50% - 16px);
    left:-12px;
    cursor: pointer;
    background: #fff;
    border: 1px solid #d8d8d8;
    -webkit-box-shadow: 0 2px 0 rgba(0,0,0,.016);
    box-shadow: 0 2px 0 rgba(0,0,0,.016);
    -webkit-border-radius: 16px;
    border-radius: 16px;
    text-align: center;
    line-height: 30px;
    z-index: 40;
}
.vip-split-card-prev {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.vip-split-card-box .vip-split-card-content .swiper-wrapper,
.vip-split-card-box .vip-split-card-content .swiper-wrapper .swiper-slide{
    height: auto;
}
.vip-info-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /*-webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;*/
    min-height: 475px;
    width: 100%;   
    /*max-width: 256px;*/
    background: #FFF;
    overflow: hidden;
    border-radius: 12px;
    border: 1px solid #e3e3e3;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    -moz-transition: transform .3s ease-in-out, -moz-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out, -moz-transform .3s ease-in-out;
}
.vip-info-wrapper .top-tip {
/*    display: none;*/
    position: absolute;
    color: #D26D00;
    font-size: 14px;
    line-height: 28px;
    top: -14px;
    padding: 0 12px;
    z-index: 11;
    -webkit-border-radius: 16px 16px 16px 0;
    border-radius: 16px 16px 16px 0;
    background: #FFE2C2;
    -webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.1);
}
.vip-info-wrapper .header-box {
    width: 100%;
    padding: 16px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: linear-gradient(180deg, #E20A00 0, rgba(255, 95, 85, .6) 100%), linear-gradient(0deg, rgba(252, 161, 77, .6) 0, rgba(255, 87, 87, .6) 100%);
}
.vip-info-wrapper .header-box .vip-name {
    color: #fff;
    font-size: 24px;
    display: block;
}
.vip-info-wrapper .header-box .vip-scene-auth-desc {
    margin-top: 4px;
    font-size: 14px;
    line-height: 22px;
    color: #fff;
    z-index: 10;
}
.vip-info-wrapper .vip-price {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -moz-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    color: #E20A00;
    margin: 16px 0px;
}
.vip-info-wrapper .vip-price .number {
    color: #E20A00;
    font-size: 48px;
    line-height: 56px;
    font-weight: 700;
}

.vip-info-wrapper .card-price-box {
    width: 100%;
    text-align: center;
}
.vip-info-wrapper .card-price-box p {
    font-size: 14px;
    line-height: 1.75;
} 
.vip-info-wrapper a.btn {
    width: 200px;
    height: 40px;
    border-radius: 20px;
    margin: 10px 0px;
}
.vip-info-wrapper .auth-info {
    margin: 15px 0px;
}
.vip-info-wrapper .auth-info .auth-down {
    color: #555;
    font-size: 14px;
    font-style: normal;
    line-height: 22px;
    margin: 5px 0px;
}
.vip-info-wrapper .auth-info .auth-range {
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 22px;
    color: #333;
    padding: 4px 0;
    margin: 8px 0px;
    background: linear-gradient(90deg, #fff 0, #f3f4f7 49.5%, #fff 100%);
}
.vip-info-wrapper .auth-info .info-desc {
    color: #555;
    font-size: 14px;
    font-style: normal;
    line-height: 22px;
    margin: 8px 0px;
}
.vip-info-wrapper .auth-info .info-desc .icon-check {
    color: #E20A00;
}

.vip-split-intro {
    position: relative;
    z-index: 1;
    width: 100%;
    height: auto;
    padding: 42px 96px;
    margin: 0 auto;
    max-width: 1920px;
}
.vip-split-intro .vip-split-intro-box {
    width: 100%;
    max-width: 1400px;
    padding: 48px 0;
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
}
.vip-split-intro .vip-split-intro-box .vip-split-intro-item {
    width: 660px;
    background: linear-gradient(180deg, #fbe9da 0, #fffcf9 100%);
    border-radius: 10px;
    position: relative;
    padding-bottom: 25px;
}
.vip-split-intro .vip-split-intro-box .vip-split-intro-item.split-intro-item-qiye {
    background: linear-gradient(180deg, #fff0ec 0, #fffcf9 100%) !important;
    margin-left: 40px;
}
.vip-split-intro .vip-split-intro-box .vip-split-intro-item .intro-item-name {
    width: 100%;
    font-size: 20px;
    font-weight: 700;
    color: #565a6a;
    text-align: left;
    padding: 20px 25px;
    display: flex;
    align-items: center;
}
.vip-split-intro .vip-split-intro-box .vip-split-intro-item .intro-box-container {
    width: 100%;
    padding: 0 25px;
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    position: relative;
    --vip-type-color: #ff9418;
}
.vip-split-intro .vip-split-intro-box .vip-split-intro-item .intro-box-container .intro-box-price {
    text-align: center;
}
.vip-split-intro .vip-split-intro-box .vip-split-intro-item .intro-box-container .intro-box-price .price {
    font-size: 14px;
    color: #333333;
}
.vip-split-intro .vip-split-intro-box .vip-split-intro-item .intro-box-container .price b {
    font-size: 40px;
    color: var(--vip-type-color);
}
.vip-split-intro .vip-split-intro-box .vip-split-intro-item .intro-box-container .intro-box-price .old_price {
    font-size: 14px;
    color: #666666;
}
.vip-split-intro .vip-split-intro-box .vip-split-intro-item .intro-box-container  .intro-box {
    /*width: 270px;*/
    width: calc(50% - 10px);
    height: 525px;
    background: #fff;
    box-shadow: 0 4px 20px 0 rgba(61,64,75,.15);
    border-radius: 10px;
    padding: 0 20px;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.vip-split-intro .vip-split-intro-box .vip-split-intro-item .intro-box-container  .intro-box .intro-box-name {
    width: 100%;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    color: #333;
    margin-top: 30px;
    margin-bottom: 10px
}
.vip-split-intro .vip-split-intro-box .vip-split-intro-item .intro-box-container .intro-box .intro-box-tip {
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #696e81;
    line-height: 22px;
    white-space: nowrap;
    margin-bottom: 10px
}
.vip-split-intro .vip-split-intro-box .vip-split-intro-item .intro-box-container .intro-box .intro-box-btn {
    width: 210px;
    height: 40px;
    background-color: var(--vip-type-color);
    border-radius: 40px;
    font-size: 16px;
    font-weight: 400;
    margin: 25px auto 0;
    color: #fff;
    cursor: pointer;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}
.vip-split-intro .vip-split-intro-box .vip-split-intro-item .intro-box-container .intro-box-download .download-icon {
    border-radius: 3px;
}
.vip-split-intro .vip-split-intro-box .vip-split-intro-item .intro-box-container .intro-box-download-active .download-icon {
    background: linear-gradient(315deg, #ffebae 0, #ffebae 100%) !important;
    color: #ff9418 !important;
}
.vip-split-intro .vip-split-intro-box .vip-split-intro-item .intro-box-container .intro-box-download-active .download-icon .icon-check {
    color: #ff9418;
    font-weight: 600;
}
.vip-split-intro .vip-split-intro-box .vip-split-intro-item.split-intro-item-qiye .intro-box-container {
    --vip-type-color: #d30900;
}

.vip-equity-table {
    position: relative;
    z-index: 1;
    width: 100%;
    height: auto;
    padding: 42px 96px;
    margin: 0 auto;
    max-width: 1920px;
    background: #fff;
}
.vip-equity-table .vip-equity-title {
    font-size: 35px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 40px;
}

.vip-equity-table .vip-equity-box {
    width: 100%;
    max-width: 1440px;
    border: 1px solid #e3e3e3;
    background: #fff;
    margin: 0 auto;
}
.vip-equity-table .vip-equity-header {
    display: flex;
    border-bottom: 1px solid #e3e3e3;
}
.vip-equity-table .vip-type-equity-content-label {
    width: 88px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-right: 1px solid #e3e3e3;
    padding: 10px 30px;
    font-size: 15px;
}
.vip-type-equity-content-item-title {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
/*    padding: 20px 20px;*/
    font-size: 14px;
}
.vip-equity-table .vip-type-equity-content-item {
    width: 200px;
    padding: 0px 0px 15px;
    border-left: 1px solid #e3e3e3;
    font-size: 14px;
}
.vip-equity-table .vip-type-equity-content-item .select-name {
    width: 100%;
    height: 45px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 18px;
    background: linear-gradient(0deg, #E20A00 0, #b8251d 100%);
}
.vip-equity-table .vip-type-equity-content-item .select-price {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -moz-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    color: #E20A00;
    padding: 10px 20px;
}
.vip-equity-table .vip-type-equity-content-item .select-price .number {
    color: #E20A00;
    font-size: 38px;
    line-height: 56px;
/*    font-weight: 700;*/
}


.vip-equity-table .vip-type-equity-content-item a.btn {
    margin: 0 auto;
}

.vip-equity-table .vip-equity-content {
    display: flex;
    border-bottom: 1px solid #e3e3e3;

}
.vip-equity-table .vip-equity-content .vip-type-equity-content-list {
    flex: 1;   
    overflow: hidden;    
}
.vip-equity-table .vip-equity-content .vip-type-equity-content-list .equity-content-box-item {
    flex: 1;
    display: flex;
    overflow: hidden;
    border-bottom: 1px solid #e3e3e3;
}
.vip-equity-table .vip-equity-content .vip-type-equity-content-list .equity-content-box-item:hover {
    background: #f8f8f8;
}
.vip-equity-table .vip-equity-content:last-child,
.vip-equity-table .vip-equity-content .vip-type-equity-content-list .equity-content-box-item:last-child {
    border-bottom: none;
}
.equity-content-box-item-title {
    flex: 1;
    padding: 15px 20px;
    font-size: 14px;

}
.equity-content-box-item-title span {
    font-weight: 600;
    line-height: 26px;
}
.equity-content-box-item-title p {
    color: #666;
    line-height: 120%;
}
.equity-content-box-sun-item {
    width: 200px;
    padding: 20px;
    border-left: 1px solid #e3e3e3;
    font-size: 14px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.equity-content-box-sun-item .iconfont {
    font-size: 20px;
}
.equity-content-box-sun-item .icon-check {
    color: #E20A00;
}


.swiper-pay-prev,
.swiper-pay-next {
    position: absolute;
    width: 32px;
    height: 32px;
    top: -webkit-calc(50% - 16px);
    top: -moz-calc(50% - 16px);
    top: calc(50% - 16px);
    left: -12px;
    cursor: pointer;
    background: #fff;
    border: 1px solid #d8d8d8;
    -webkit-box-shadow: 0 2px 0 rgba(0,0,0,.016);
    box-shadow: 0 2px 0 rgba(0,0,0,.016);
    -webkit-border-radius: 16px;
    border-radius: 16px;
    text-align: center;
    line-height: 30px;
    z-index: 40;
}
.swiper-pay-prev.swiper-button-disabled,
.swiper-pay-next.swiper-button-disabled {
    opacity: 0;
}
.swiper-pay-prev {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.vip-split-card-next {
    right: -16px;
    left: unset;
    
}

.vip-buy-party-wrap {
    width: 100%;
    max-width: 1400px;
    margin: 48px auto 0px;
    padding: 40px;
    background: #fff;
    border-radius: 6px;
}
.vip-buy-party-wrap .title {
    color: #333;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 15px;
}
.vip-buy-party-wrap .subtitle {
    display: block;
    color: #333;
    font-size: 16px;
    text-align: center;
}
.vip-buy-party-wrap-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 24px;
    margin-top: 48px;
}
.vip-buy-party-wrap-content .content-top-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.vip-buy-party-wrap-content .content-top-item .icon {
    width: 80px;
    height: 80px;
}
.vip-buy-party-wrap-content .content-top-item .desc-1 {
    color: #333;
    font-size: 18px;
    font-weight: bold;
    margin: 15px 0px 10px;
}
.vip-buy-party-wrap-content .content-top-item .desc-2 {
    text-align: center;
    line-height: 150%;
}

/*介绍*/
.workflow-wrap {
    padding: 48px 0;
    background: #ffffff;
}
.workflow-wrap .title {
    max-width: 1400px;
    margin: 0px auto;
    color: #333333;    
    font-size: 32px;
    line-height: 40px;
    text-align: center;
    margin-bottom: 48px;
}
.workflow-wrap .workflow-box {
    width: 1400px;
    margin: 0px auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}
.workflow-wrap .workflow-box .workflow-box-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 48px 24px;
    gap: 8px;
    width: 327px;
/*    height: 214px;*/
    background: linear-gradient( 180deg, #F9EFDA 0%, #F9E8C5 100%);
    -webkit-border-radius: 12px;
    border-radius: 12px;
    position: relative;
}
.workflow-wrap .workflow-box .workflow-box-item img {
    width: 80px;
    height: 80px;
    margin: 0px auto;
}
.workflow-wrap .workflow-box .workflow-box-item .step {
    color: #624219;
    font-size: 18px;
    font-weight: bold;
    margin-top: 10px;
}
.workflow-wrap .workflow-box .workflow-box-item .desc {
    color: #624219;
}

/*常见问题*/
.common-problem-wrap {
    padding: 48px 0;
    background: #ffffff;
}
.common-problem-wrap .title {
    max-width: 1400px;
    margin: 0px auto;
    color: #333333;    
    font-size: 32px;
    line-height: 40px;
    text-align: center;
    margin-bottom: 48px;
}
.common-problem-wrap .common-problem-box {
    width: 1400px;
    margin: 0px auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.common-problem-wrap .common-problem-box .common-problem-item {
    width: calc((100% - 50px)/2);
    background: linear-gradient(-45deg, #FFD6DC 0, #FFF 58.5%);
    border: 1px solid #E20A00;
    border-radius: 30px 12px 30px 12px;
    margin-bottom: 40px;
    padding: 10px 50px 20px;
    position: relative;
}
.common-problem-wrap .common-problem-box .common-problem-item:before {
    content: 'Q';
    display: block;
    width: 48px;
    height: 48px;
    color: #fff;
    font-size: 26px;
    font-weight: 100;
    background: #E20A00;
    position: absolute;
    top: -10px;
    left: -10px;
    border-radius: 16px 0px 16px 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.common-problem-wrap .common-problem-box .common-problem-item:nth-child(2n):before {
    left: auto;
    right: -10px;
}
.common-problem-wrap .common-problem-box .common-problem-item .common-problem-item-title {
    color: #E20A00;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px;
}
.common-problem-wrap .common-problem-box .common-problem-item .common-problem-item-content {
    font-size: 14px;
    line-height: 1.5;
}

/*PLUS*/
.vip-plus-floor {
    width: 100%;
    padding: 40px 96px;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #ffffff;
}
.vip-plus-floor .vip-plus-title {
    width: 100%;
    text-align: center;
    margin-bottom: 40px;
}
.vip-plus-floor .vip-plus-title .title {
    font-size: 35px;
    font-weight: bold;
}
.vip-plus-floor .vip-plus-title .subtitle {
    font-size: 16px;
    color: #787878;
    margin-top: 10px;
    text-align: center;
}
.vip-plus-floor .vip-plus-title .line {
    width: 85px;
    height: 5px;
    background: #E20A00;
    margin: 10px auto;
}
.vip-plus-package {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
}
.vip-plus-package ul {
    display: flex;
}
.vip-plus-package ul li {
    flex: 1;
    height: 520px;
    background: #FFFFFF;
    border-radius: 14px;
    margin-right: 30px;
    padding: 30px 24px 0;
    background: linear-gradient( 180deg, #F9EFDA 0%, #F9E8C5 100%);
}
.vip-plus-package ul li:last-child {
    margin-right: 0px;
}
.vip-plus-package ul li .package-name {
    color: #624219;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 12px;
}
.vip-plus-package ul li .package-tips {
    font-size: 16px;
    color: #624219;
    line-height: 24px;
    text-align: center;
    margin-bottom: 24px;
}
.vip-plus-package ul li .package-use {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.vip-plus-package ul li .package-use p {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 120px;
    height: 108px;
    padding: 20px;
    margin-bottom: 15px;
    background: url(../images/pricing/pricing-vip-tag.png) no-repeat center / 100%;
}

.package-wrapper {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.package-wrapper .package-desc-item {
    flex:1;
    max-width: 450px;
    display: flex;
    flex-direction: column;
    align-items: center;
    /*justify-content: center;*/
    border-radius: 5px;
    padding: 25px;
    background: linear-gradient( 180deg, #fff 15%, #FFC2BF 100%);
    box-shadow: 0px 0px 8px 4px rgba(186,186,186,0.25);
}
.package-wrapper .package-desc-item .desc-item-icon {
    width: 148px;
    height: 148px;
}
.package-wrapper .package-desc-item .desc-item-title {
    margin-top: 30px;
    text-align: center;
}
.package-wrapper .package-desc-icon {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0px 20px;
}
.package-wrapper .package-desc-icon .iconfont {
    color: #555;
    font-size: 54px;
    font-weight: bold;
}

.package-authorization {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
}
.package-authorization .authorization-block {
    margin: 0px -32px 0px 0;
}
.package-authorization .authorization-block .authorization-block-li{
    float: left;
    width: 460px;
    background: #ffffff;    
    text-align: center;
    margin: 0 30px 25px 0;
    padding: 0 25px 25px;
    border-radius: 10px;
    box-shadow: 0px 0px 8px 4px rgba(186,186,186,0.25);
    box-sizing: border-box;
}
.package-authorization .authorization-block .authorization-block-li:nth-child(3n) {
    margin-right: 0px;
}
.authorization-block-li .li-title {
    padding-top: 25px;
    color: #333;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
}
.authorization-block-li .li-hint {
    font-size: 15px;
    height: 44px;
    line-height: 24px;
    color: #9599AD;
}
.package-authorization .authorization-block .authorization-img{
    margin-top: 20px;
    height: 160px;
    background: #f5f5f5;
    border-radius: 8px;
    overflow: hidden;
}

.package-plus-module {
    width: 100%;
    max-width: 1440px;
    margin: 40px auto 0;
    background: #FFFFFF;
    border-radius: 10px;
    box-shadow: 0px 0px 8px 4px rgba(186,186,186,0.25);
    padding: 25px;
}
.package-plus-module .plus-authorization-module li {
    float: left;
    width: 25%;
    font-size: 16px;
    text-align: center;
}
.package-plus-module .plus-authorization-module li .authorization-moduleImg {
    width: 80px;
    height: 80px;
    margin: 0 auto 20px;
}
.package-plus-module .plus-authorization-module li p {
    color: #9599AD;
    line-height: 24px;
    font-size: 14px;
}

.vip-plus-form .vip-plus-title .title,
.vip-plus-form .vip-plus-title .subtitle {
    color: #fff;
}
.vip-plus-form .plus-form-ipt {
    width: 1000px;
    height: 50px;
    background: #ffffff;
    border-radius: 3px;
    margin: 30px auto 0;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 50px;
    padding: 0 20px;
    box-sizing: border-box;
    text-align: left;
}
.vip-plus-form .plus-form-ipt input {
    position: relative;
    height: 100%;
    background: transparent;
    border: none;
    outline: none;
    width: 100%;
    font-size: 16px;
}
.vip-plus-form .plus-form-btn {
    width: 1000px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 16px;
    color: #FFFFFF;
    position: relative;
    background: #E20A00;
    box-sizing: border-box;
    border-radius: 3px;
    margin: 30px auto 0;
    cursor: pointer;
}

/*充值*/
.recharge-wrapper {
    position: relative;
    width: 100%;
    height: auto;
    min-height: -webkit-calc(100vh - 64px);
    min-height: -moz-calc(100vh - 64px);
    min-height: calc(100vh - 64px);
    margin: 0 auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    background-position: center top;
    background-repeat: no-repeat;
    background-color: #fff;
    padding-bottom: 56px;
}
.recharge-wrapper .recharge-header {
    position: relative;
    width: auto;
    max-width: 100%;
    height: 142px;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
}
.recharge-wrapper .recharge-header img {
    height: 100%;
    width: auto;
}
.recharge-wrapper .recharge-header p {
    color: #FFFFFF;
    font-size: 40px;
    font-width: bold;
}
.recharge-box {
    position: relative;
    width: 1200px;
    height: auto;
    margin: 0 auto;
}
.recharge-box .recharge-model {
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 auto;
    background-position: top center;
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: #FFFFFF;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    box-shadow: 1px 1px 20px 0px rgba(178,178,178,0.25);
}
.recharge-box .recharge-model .head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
    position: relative;
    width: 100%;
    -webkit-border-radius: 16px 16px 0 0;
    border-radius: 16px 16px 0 0;
    padding: 16px 24px;
    z-index: 1;
}
.recharge-box .recharge-model .head .face-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    width: 50px;
    height: 50px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #fafafa;
    overflow: hidden;
    border: 1px solid #fff;
}
.recharge-box .recharge-model .head .info-box .title {
    font-size: 14px;
}
.recharge-box .recharge-model .head .info-box P {
    color: #666;
    font-size: 12px;
}

.recharge-box .recharge-model .tabs {
    display: flex;
    margin-bottom: 30px;
}
.recharge-box .recharge-model .tabs .tabs-item {
    flex:1;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    border-style: solid;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 0px;
    border-color: #ededed;
    cursor: pointer;
}
.recharge-box .recharge-model .tabs .tabs-item.active {
    color: #FFFFFF;
    border-color: #E20A00;
    background-color: #E20A00;
}

.recharge-box .recharge-model .vip-main-box {
    width: 100%;
    padding: 0px 24px 24px;
}
.recharge-box .recharge-model .vip-main-box .product-container {
    position: relative;
    height: 200px;
}
.recharge-box .recharge-model .vip-main-box .product-container .swiper-container-vip {
    overflow: hidden;
}
.swiper-container-vip .info-box {
    position: relative;
    width: 276px;
    height: 192px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background: #ffffff;
    border: 2px solid #E8E8E8;
    background: #FFF;
    -webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.1);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 16px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    padding: 16px 16px 8px;
    cursor: pointer;
}
.swiper-container-vip .info-box.cur {
    border: 2px solid #E20A00;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFD6DC), color-stop(58.5%, #FFF));
    background: -webkit-linear-gradient(top, #FFD6DC 0, #FFF 58.5%);
    background: -moz- oldlinear-gradient(top, #FFD6DC 0, #FFF 58.5%);
    background: linear-gradient(180deg, #FFD6DC 0, #FFF 58.5%);
    -webkit-box-shadow: 0 4px 8px 0 rgba(244,78,40,.25);
    box-shadow: 0 4px 8px 0 rgba(244,78,40,.25);

}
 .info-box p {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
}
.info-box p.info-name {
    color: #333;
    font-size: 20px;
    height: 28px;
}
.info-box p.info-price {
    color: #E20A00;
    flex-direction: column;
}
.info-box p.info-price span {
    display: block;
}
.info-box p.info-price span em {
    color: #E20A00;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
}
.info-box p.info-price span em.price {
    font-size: 40px;
    line-height: 56px;
    font-weight: 700;
}
.info-box p.info-price span em.info-price-num {
    position: relative;
    font-weight: 600;
}
.info-box p.info-decs {
    height: 28px;
    padding-top: 8px;
    border-top: 1px solid #E8E8E8;
    color: #999;
    font-size: 12px;
    font-weight: 400;
}

.swiper-pay-prev,
.swiper-pay-next {
    position: absolute;
    width: 32px;
    height: 32px;
    top: -webkit-calc(50% - 16px);
    top: -moz-calc(50% - 16px);
    top: calc(50% - 16px);
    left: -12px;
    cursor: pointer;
    background: #fff;
    border: 1px solid #d8d8d8;
    -webkit-box-shadow: 0 2px 0 rgba(0,0,0,.016);
    box-shadow: 0 2px 0 rgba(0,0,0,.016);
    -webkit-border-radius: 16px;
    border-radius: 16px;
    text-align: center;
    line-height: 30px;
    z-index: 40;
}
.swiper-pay-prev.swiper-button-disabled,
.swiper-pay-next.swiper-button-disabled {
    opacity: 0;
}
.swiper-pay-prev {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.swiper-pay-next {
    right: -16px;
    left: unset;
    
}


.payment-container {
    padding: 50px 0px;   
}
.payment-container .pay-head {
    font-weight: 600;
    margin-bottom: 35px;
}
.pay-price {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.pay-price .price-num {
    color: #E20A00;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
}
.pay-price .price-num em.total-price {
    font-size: 34px;
    line-height: 56px;
    font-weight: 700;
}
.pay-price p {
    color: #333;
    font-size: 14px;
}
.pay-price p a {
    color: #E20A00;
}
.pay-type {
    padding: 35px 0px;
    display: flex;
    justify-content: center;
}

.pay-type .pay-type-item + .pay-type-item {
    margin-left: 100px;
}
.pay-type .pay-type-item .pay-code {
    position: relative;
    padding: 12px;
}
.pay-type .pay-type-item .pay-code .code {
    width: 150px;
    height: 150px;
/*    border:1px solid #f00;*/
}
.qr-scanner {
    position: absolute;
    left: 0;
    top: 0;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;
    z-index: 10;
}
.qr-scanner .box {
    width: 100%;
    height: 100%;
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    overflow: hidden;
/*    border: 1px solid rgba(0, 255, 51, .2);*/
}
.qr-scanner .box:after, .qr-scanner .box:before, .qr-scanner .angle:after, .qr-scanner .angle:before {
    content: '';
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    border: 2px solid transparent;
}
.qr-scanner .box:after, .qr-scanner .box:before {
    top: 0;
    border-top-color: #FB5A48;
}
.qr-scanner .box:after, .qr-scanner .angle:after {
    right: 0;
    border-right-color: #FB5A48;
}

.qr-scanner .angle:after, .qr-scanner .angle:before {
    bottom: 0;
    border-bottom-color: #FB5A48;
}
.qr-scanner .box:before, .qr-scanner .angle:before {
    left: 0;
    border-left-color: #FB5A48;
}
.pay-method {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 30px;
    margin-top: 15px;
    font-size: 14px;
    color: #666666;
    line-height: 1;
}
.pay-method .iconfont {
    font-size: 21px;
    margin-right: 8px;
}
.pay-method .icon-weixinzhifu {
    color: #07C160;
}
.pay-method .icon-zhifubaozhifu {
    color: #00a0e9;
}

.pay-tips {
    max-width: 750px;
    margin: 0 auto;
}
.pay-tips p {
    color: #999;
    font-size: 14px;
    line-height: 1.5;
}


.package-mainbase {
    padding-top: 150px;
    background: url(../../assets/images/pricing/mainbase-bg.png) no-repeat center top;
}
.package-mainbase ul {
    padding: 0px 120px;
}
.package-mainbase ul li {
    float: left;
    width: 20%;
    text-align: center;
}
.package-mainbase ul li i img {
    display: inline-block;
    width: 70px;
    height: 70px;
}
.package-mainbase ul li .mainbase-title {
    padding: 15px 0 5px;
    font-size: 18px;
    color: #333333;
}
.package-mainbase ul li .mainbase-hint {
    line-height: 150%;
    color: #333333;
}

.package-progress .progress-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
}
.package-progress .progress-list:before {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    top: 105px;
    background: #E20A00;
    position: absolute;
}
.package-progress .progress-list .icon {
    margin-bottom: 70px;
}
.package-progress .progress-list .icon img {
    width: 70px;
    height: 70px;
}
.package-progress .progress-list li {
    width: 280px;
    text-align: center;
    position: relative;
}
.package-progress .progress-list li:before {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background: #E20A00;
    position: absolute;
    left: 0;
    right: 0;
    top: 102px;
    margin: 0 auto;
}
.package-progress .progress-list li:first-child:before{
    width: 0;
    height: 0;
    border-top: 8px solid transparent; 
    border-right: 12px solid transparent;
    border-left: 12px solid #E20A00;
    border-bottom: 8px solid transparent;
    border-radius: 0px;
    background: transparent;
    top: 98px;
}
.package-progress .progress-list li+li {
    margin-left: 25px;
}
.package-progress .progress-list li h5 {
    color: #E20A00;
    font-size: 18px;
    font-weight: 400;
    padding: 15px 0px 5px;
}
.package-progress .progress-list li h6 {
    color: #666666;
    font-size: 14px;
    font-weight: 400;
}



/*课堂*/
.package-career {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
}

.package-career .career-list li {
    float: left;
    width: 345px;
    border:1px solid #D8D8D8;
    background: #fff;
    padding: 25px;
    border-radius: 8px;
    margin-right: 20px;
    margin-bottom: 20px;
    position: relative;
}
.package-career .career-list li:nth-child(4n) {
    margin-right: 0px;
}
.package-career .career-list li .title {
    font-size: 20px;
    font-weight: 700;
    color: #333;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.package-career .career-list li .num {
    font-size: 14px;
    color: #666;
    padding: 10px 0 20px;
}
.package-career .career-list li .bot {
    height: 26px;
    line-height: 26px;
    font-size: 14px;
    color: #999;
}
.package-career .career-list li .bot a.btn {
    display: inline-block;
    vertical-align: top;
    height: 28px;
    line-height: 28px;
    padding: 0 10px;
    margin-right: 10px;
    border-radius: 14px;
    font-size: 14px;
    color: #fff;
    transition: all .2s;
}
.package-career .career-list li .bot del {
    font-size: 12px;
    text-decoration: line-through;
}
.package-career .career-list li .sm-img {
    display: block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    top: 55px;
    right: 20px;
}
.package-career .more-btn {
    text-align: center;
}
.package-career .more-btn p {
    color: #666;
    font-size: 18px;
}
.package-career .more-btn a.btn {
    width: 180px;
    height: 40px;
    border-radius: 40px;
    margin: 20px auto;
}


.package-morevip {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
}

.package-morevip  ul li {
    float: left;
    width: 272px;
    padding: 20px;
    background: linear-gradient( 140deg, #EED6B1 0%, #DEB583 100%);
    border-radius: 3px;
    color: #77552F;
    margin-bottom: 20px;
    margin-right: 20px;
}
.package-morevip  ul li:nth-child(5n) {
    margin-right: 0px;
}
.package-morevip  ul li .title {
    font-size: 18px;
    margin-bottom: 20px;
}




/*视频个人*/
.single-wrapper {
    background: #fff;
    box-shadow: 2px 2px 10px 2px rgba(0,0,0,.1);
    border-radius: 8px;
    width: 1200px;
    margin: 20px auto 30px;    
    overflow: hidden;
}
.single-wrapper .single-box .head {
    width: 100%;
    padding: 15px 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    background: linear-gradient(270.19deg, #e2e2e2 .77%, rgba(226, 226, 226, 0) 99.97%);
}
.single-wrapper .single-box .head .face-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    width: 50px;
    height: 50px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #fafafa;
    overflow: hidden;
    border: 1px solid #fff;
    margin-right: 15px;
}
.single-wrapper .single-box .head .info-box .title {
    font-size: 14px;
}
.single-wrapper .single-box .head .info-box P {
    color: #666;
    font-size: 12px;
}

.single-wrapper .vip-main-box {
    padding: 30px;
}
.single-wrapper .vip-main-box .product-container {
    height: 200px;
    position: relative;
}
.single-wrapper .vip-main-box .product-container .swiper-container-vip {
    overflow: hidden;
}

.single-wrapper .single-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
.single-wrapper .single-row .single-info {
    width: 240px;
    height: inherit;
    padding: 20px;
    background: #ebfbfa;
    border-radius: 8px 0 0 8px;
    border-right: 1px solid #e2e2e2;
}    
.single-pay {
    flex: 1;
    overflow: hidden;
}
.single-wrapper .single-row .single-info .head  {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.single-wrapper .single-row .single-info .head .face-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    width: 50px;
    height: 50px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #fafafa;
    overflow: hidden;
    border: 1px solid #fff;
    margin-right: 15px;
}
.single-wrapper .single-row .head .info-box .title {
    font-size: 14px;
}
.single-wrapper .single-row .head .info-box P {
    color: #666;
    font-size: 12px;
}

.single-wrapper .vip-side-intro {
    border-top: 1px solid #cce0df;
    padding-top: 30px;
    margin-top: 30px;
}
.single-wrapper .vip-side-intro h6 {
    font-size: 14px;
    line-height: 20px;
    color: #2d2f36;
    margin-bottom: 10px;
    font-weight: 700;
}
.single-wrapper .vip-side-intro p {
    font-size: 14px;
    line-height: 24px;
    color: #818284;
    margin-bottom: 30px;
}

.single-wrapper .about-content-vips>p {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #444;
    margin-bottom: 14px;
}

.single-wrapper .about-content-vips ul li {
    font-size: 14px;
    line-height: 20px;
    color: #818284;
    margin-bottom: 7px;
}
.single-wrapper .about-content-vips ul li>i {
    margin-right: 14px;
    font-weight: 800;
}
.single-wrapper .about-content-vips ul li>i.icon-check {
    color: #00d1c1;
}
.single-wrapper .about-content-vips ul li>i.icon-close1 {
    color: #999;
}

.single-wrapper .single-pay .vip-type-choose {
    width: 100%;
    height: 82px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #e2e2e2;
}
.single-wrapper .single-pay .vip-type-choose .vip-type-choose-item {
    height: 82px;
    text-align: center;
    margin: 0 68px;
    padding-top: 14px;
    cursor: pointer;
    position: relative;
}
.single-wrapper .single-pay .vip-type-choose .vip-type-choose-item .vip-type-choose-title {
    font-size: 18px;
    line-height: 30px;
    color: #CC995C;
}
.single-wrapper .single-pay .vip-type-choose .vip-type-choose-item .vip-type-choose-desc {
    font-size: 12px;
    line-height: 16px;
    color: #979797;
    margin-top: 6px;
    display: inline-block;
}
.single-wrapper .single-pay .vip-type-choose .vip-type-choose-item.active .vip-type-choose-title {
    color: #00d1c1;
    font-weight: 600;
}
.single-wrapper .single-pay .vip-type-choose .vip-type-choose-item.active:after {
    content: '';
    display: block;
    width: 80px;
    height: 4px;
    background: #00d1c1;
    position: absolute;    
    left: 50%;
    bottom: -1px;
    margin-left: -40px;
}

.single-wrapper .single-pay .vip-type-choose .vip-type-choose-item.qiye.active .vip-type-choose-title {
    color: #cc995c;
}
.single-wrapper .single-pay .vip-type-choose .vip-type-choose-item.qiye.active:after {   
    background: #cc995c;
}

.single-wrapper .single-row .single-info.company-vip-box-tag {
    background: rgb(255, 250, 243);
}

.about-vips-container {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.about-vips-container .about-vips-item {
    width: 100%;
    margin-top: 20px;
}
/*.about-vips-container .about-vips-item:first-child {
    margin-top: 0;
    margin-bottom: 20px;
}*/
.about-vips-container .about-vips-item .item-menu {
    width: 198px;
    height: 30px;
    background: linear-gradient(270deg, rgba(247, 228, 203, 0) 0, #f7e4cb 100%);
    font-size: 14px;
    font-weight: 800;
    color: #b77a32;
    display: flex;
    align-items: center;
    padding-left: 10px;
    flex-wrap: nowrap;
    white-space: nowrap;
}
.about-vips-container .about-vips-item .item-row {
    font-size: 14px;
    font-weight: 400;
    color: #b77a32;
    display: flex;
    flex-wrap: wrap;
    margin: 10px 0;
    position: relative;
}
.about-vips-container .about-vips-item .item-row .icon {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: linear-gradient(315deg, rgba(244, 207, 163, .1) 0, #f4cfa3 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 5px;
    margin-right: 5px;
    margin-top: 3px;
}
.about-vips-container .about-vips-item .item-row .icon .iconfont {
    font-weight: 600;
}
.about-vips-container .about-vips-item .item-row-false {
    color: #b0aca8 !important;
}
.about-vips-container .about-vips-item .item-row-false .icon {
    background: linear-gradient(315deg, rgba(228, 230, 238, .2) 0, #dcdfe6 100%) !important;
}
.about-vips-container .about-vips-item .item-row .kefu {
    width: 56px;
    height: 20px;
    border-radius: 2px;
    border: 1px solid #b77a32;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    font-weight: 400;
    color: #b77a32;
    position: absolute;
    top: 50%;
    right: -10px;
    translate: 0 -50%;
    cursor: pointer;
    opacity: 0;
    transition: all .5s;
}
.about-vips-container .about-vips-item .item-row:hover .kefu {
    opacity: 1
}


.qiye-container {
    height: 265px;
    position: relative;
}
.single-wrapper .vip-main-box .qiye-container .swiper-container-vip {
    overflow: hidden;
    padding-top: 25px;

}
.qiye-pay-box .qiye-pay-item {
    height: 210px;
    background: linear-gradient(180deg, #fcf5ed 0, #fff 100%);
    box-shadow: 0 2px 10px 0 rgba(84,69,61,.2);
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, .1);
    display: flex;
    flex-direction: column;
    position: relative;
    cursor: pointer;
}
.qiye-pay-box .qiye-pay-item .buy-btn-prompt {
    min-width: 140px;
    height: 26px;
    background: linear-gradient(180deg, #ff9274 0, #ff5353 100%);
    border-radius: 6px 6px 0 0;
    text-align: center;
    position: absolute;
    left: 50%;
    top: -26px;
    translate: -50% 0;
    font-size: 12px;
    font-weight: 400;
    color: #ffeca1;
}
.qiye-pay-box .qiye-pay-item .qiye-pay-item-title {
    width: 100%;
    font-size: 16px;
    font-weight: 700;
    color: #3d404b;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 10px;
}
.qiye-pay-box .qiye-pay-item .qiye-pay-item-price {
    width: 100%;
    height: 48px;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    color: #ff5656;
    margin-bottom: 8px;
}
.qiye-pay-box .qiye-pay-item .qiye-pay-item-price span {
    font-size: 32px;
    font-weight: 700;
}
.qiye-pay-box .qiye-pay-item .qiye-pay-item-desc {
    width: 100%;
    line-height: 125%;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #9598a9;
}
.qiye-pay-box .qiye-pay-item .qiye-pay-item-canuse {
    width: 100%;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    color: #cda37b;
    position: relative;
    margin-top: 10px;
}
.qiye-pay-box .qiye-pay-item .qiye-pay-item-canuse::before {
    content: "";
    display: block;
    width: 43px;
    height: 1px;
    background: linear-gradient(270deg, #edd7b9, rgba(237, 215, 185, 0));
    position: absolute;
    left: 20px;
    top: 50%;
    translate: 0 -50%;
}
.qiye-pay-box .qiye-pay-item .qiye-pay-item-canuse::after {
    content: "";
    display: block;
    width: 43px;
    height: 1px;
    background: linear-gradient(270deg, rgba(237, 215, 185, 0), #edd7b9);
    position: absolute;
    right: 20px;
    top: 50%;
    translate: 0 -50%;
}
.qiye-pay-box .qiye-pay-item .qiye-pay-item-text {
    width: 100%;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    color: #cda37b;
    margin-top: 4px;
}
.qiye-pay-box .qiye-pay-item.cur {
    background: #fffaf3;
    border: 2px solid #cc995c;
    box-shadow: 0 6px 10px rgba(0,0,0,.1);
}


/*企业VIP介绍*/
.enterprise-wrapper {
    /*height: 1132px;*/
    background: #24283b;
    /*url(https://js.shipin520.com/pc/images/new/enterprise-banner.jpg) no-repeat center top;*/
    text-align: center;
    padding: 100px 0px 50px;
    color: #f1cb9e;
    background-size: 1920px 800px;
}
.enterprise-wrapper .banner-title {
    font-size: 40px;
    font-weight: 700;
    color: #fff;
    line-height: 56px
}
.enterprise-wrapper .banner-desc {
    font-size: 14px;
    font-weight: 400;
    color: rgba(255,255,255,.7);
    margin-bottom: 40px
}

.banner-tabs {
    width: 390px;
    height: 50px;
    background: rgba(0,0,0,.3);
    border-radius: 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
}

.banner-tabs .banner-tabs-item.tab-active {
    background: linear-gradient(270deg,#cd9e66 0,#f4cfa3 100%);
    font-weight: 700!important;
    color: #522d00!important
}

.banner-tabs .banner-tabs-item {
    width: 191px;
    height: 46px;
    border-radius: 25px;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
    line-height: 46px;
    font-weight: 400;
    color: #fff
}
.banner-tabs .banner-tabs-item:hover {
    background: linear-gradient(270deg,#cd9e66 0,#f4cfa3 100%);
    font-weight: 700;
    color: #522d00
}

.enterprise-list {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center
}


.enterprise-list .vip-container {
    display: flex;
    flex-wrap: nowrap;
    margin-top: 82px
}

.enterprise-list .vip-container .vip-container-item {
    width: 260px;
    height: 612px;
    background: linear-gradient(180deg,#fff 0,rgba(255,255,255,.9) 100%);
    box-shadow: 0 4px 20px 0 rgba(61,66,84,.2);
    border-radius: 10px;
    padding: 20px;
    margin-right: 25px;
    transition: all .2s;
    position: relative
}
.enterprise-list .vip-container .vip-container-item::before {
    background: url('../../assets/images/video/enterprise-banner-vip.png') no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 260px;
    height: 220px;
    z-index: 0;
    background-size: cover;
    border-radius: 10px 10px 0 0;
    overflow: hidden
}
.banner-qiye_vip::before {
    background-position-x: -270px!important
}

.banner-qiye-middle-vip::before {
    background-position-x: -540px!important
}

.banner-qiye-high-vip::before {
    background-position-x: -810px!important
}

.banner-qiye-flagship-vip::before {
    background-position-x: -1080px!important
}

.banner-qiye-flagship-vip .container-title {
    color: #ffd1b3!important
}

.banner-qiye-flagship-vip .container-text {
    color: #ffd1b3!important
}

.banner-qiye-flagship-vip .container-btn {
    background: linear-gradient(270deg,#242650 0,#434f94 100%)!important;
    color: #ffd1b3!important
}

.banner-qiye-flagship-vip .container-btn:hover {
    background: linear-gradient(270deg,#434f94 0,#242650 100%)!important
}

.enterprise-list .vip-container .vip-container-item:hover {
    transform: translateY(-13px)
}

.enterprise-list .vip-container .vip-container-item:last-child {
    margin-right: 0
}

.enterprise-list .vip-container .vip-container-item .container-activity {
    width: 200px;
    height: 30px;
    background: linear-gradient(180deg,#ff9274 0,#ff5353 100%);
    border-radius: 10px 10px 0 0;
    position: absolute;
    left: 50%;
    translate: -50% 0;
    top: -30px;
    font-size: 14px;
    font-weight: 400;
    color: #ffeca1;
    line-height: 30px;
    text-align: center
}

.enterprise-list .vip-container .vip-container-item .container-activity span {
    color: #fff;
    margin-left: 5px
}

.enterprise-list .vip-container .vip-container-item .container-recommond {
    width: 54px;
    height: 24px;
    background: linear-gradient(180deg,#ff7d61 0,#ffb296 100%);
    border-radius: 0 10px 0 10px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    line-height: 24px;
    text-align: center
}

.enterprise-list .vip-container .vip-container-item .container-title {
    width: 100%;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: #522d00;
    line-height: 28px;
    position: relative
}

.enterprise-list .vip-container .vip-container-item .container-text {
    width: 100%;
    text-align: center;
    font-size: 13px;
    font-weight: 400;
    color: #522d00;
    line-height: 18px;
    margin-bottom: 10px;
    position: relative
}

.enterprise-list .vip-container .vip-container-item .container-price {
    width: 100%;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    color: #ff5656;
    line-height: 22px;
    position: relative;
    margin-bottom: 30px
}

.enterprise-list .vip-container .vip-container-item .container-price span {
    font-size: 40px;
    font-weight: 700;
    color: #ff5656;
    line-height: 56px
}

.enterprise-list .vip-container .vip-container-item .container-usenum {
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #565a6a;
    line-height: 24px;
    position: relative
}

.enterprise-list .vip-container .vip-container-item .container-btn {
    width: 220px;
    height: 40px;
    background: linear-gradient(270deg,#e1bb92 0,#f5e1c7 100%);
    border-radius: 4px;
    font-size: 16px;
    font-weight: 400;
    color: #522d00;
    line-height: 40px;
    text-align: center;
    display: block;
    margin-top: 15px;
    margin-bottom: 13px
}

.enterprise-list .vip-container .vip-container-item .container-btn:hover {
    background: linear-gradient(270deg,#f5e1c7 0,#e1bb92 100%)
}

.container-downloadTip {
    width: 100%;
    text-align: left;
    font-size: 13px;
    font-weight: 700;
    color: #3d404b;
    line-height: 28px;
    margin-bottom: 4px
}

.container-downloads {
    width: 100%;
    display: flex;
    flex-direction: column
}

.container-downloads .container-download {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    font-size: 13px;
    font-weight: 400;
    color: #565a6a;
    margin-bottom: 10px;
    text-align: justify
}
.container-downloads .container-download p {
    font-size: 13px;
    font-weight: 400;
    color: #565a6a;
    line-height: 1.5;
}
.download-icon {
    width: 15px;
    height: 15px;
    background: linear-gradient(315deg,rgba(228,230,238,.2) 0,#dcdfe6 100%);
    color: #9598a9;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 5px;
    margin-right: 7px
}

.container-download-active .download-icon {
    background: linear-gradient(315deg,rgba(244,207,163,.1) 0,#f4cfa3 100%)!important;
    color: #b67c38!important
}

.download-icon .icon-close {
    color: #9598a9!important
}

.container-download-active .download-icon .icon-check {
    color: #b67c38!important
}

.enterprise-intro {
    background: #f9f6f0;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    position: relative;
}
.enterprise-intro .enterprise-intro-title {
    font-size: 30px;
    font-weight: 400;
    color: #522d00;
    text-align: center;
    margin-top: 94px;
    margin-bottom: 23px;
}
.enterprise-intro .enterprise-intro-table {
    width: 1400px;
    position: relative;
    margin-bottom: 80px;
    padding-top: 108px;
}

.enterprise-intro-table .vip {
    height: 166px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 101%;
    padding: 14px;
    box-sizing: border-box;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    background: url('../../assets/images/video/enterprise-tables-head.png') no-repeat;
    background-size: 417%
}
.qiye-flagship-vip {
    background: linear-gradient(225deg, #242650 0, #5e6ab0 99%) !important;
}
.qiye-plus-vip {
    background: linear-gradient(212deg, #1a2c76 0, #63367d 100%) !important;
    border-radius: 0 10px 0 0;
}

.qiye-flagship-vip .vip-title, .qiye-plus-vip .vip-title {
    color: #ffd1b3 !important;
}
.qiye-flagship-vip .vip-text {
    color: rgba(255, 209, 179, .6) !important;
}
.qiye-plus-vip .vip-text {
    color: rgba(255, 209, 179, .6) !important;
    margin-bottom: 17px !important;
}

.qiye-plus-package {
    background: linear-gradient(225deg, #242650 0, #5e6ab0 99%) !important;
    border-radius: 0 10px 0 0;
}
.qiye-plus-package .vip-title {
    color: #ffd1b3 !important;
}
.qiye-plus-package .vip-text {
    color: rgba(255, 209, 179, .6) !important;
    margin-bottom: 17px !important;
}


.benefit-diff-con .vip {
    height: 166px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 101%;
    padding: 14px;
    box-sizing: border-box;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
}
.vip-person {
    border-radius: 10px 0 0 0;
    background: linear-gradient(180deg, #e3f9f4 0, #fff 100%);
}
.vip-svip {
    background: linear-gradient(180deg, #e3f9f4 0, #fff 100%);
}
.vip-qiye {
    background: linear-gradient(180deg, #ffeeda 0, #fff 100%);
}
.vip-qiye-plus {
    border-radius: 0 10px 0 0 !important;
    background: linear-gradient(212deg, #1a2c76 0, #63367d 100%) !important;
}
.vip-qiye-plus .vip-title {
    color: #ffd1b3 !important;
}
.vip-qiye-plus .vip-text {
    color: rgba(255, 209, 179, .6) !important;
    margin-bottom: 15px !important;
}

.enterprise-intro-table .vip .activity
.benefit-diff-con .vip .activity {
    width: 140px;
    height: 26px;
    background: linear-gradient(180deg,#ff9274 0,#ff5353 100%);
    border-radius: 6px 6px 0 0;
    line-height: 26px;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    color: #ffeca1;
    position: absolute;
    left: 50%;
    top: -26px;
    translate: -50% 0
}

.enterprise-intro-table .vip .vip-title,
.benefit-diff-con .vip .vip-title {
    font-size: 16px;
    font-weight: 700;
    color: #565a6a
}

.enterprise-intro-table .vip .vip-text,
.benefit-diff-con .vip .vip-text {
    font-size: 12px;
    font-weight: 400;
    color: #565a6a;
    margin-bottom: 5px
}

.enterprise-intro-table .vip .vip-price,
.benefit-diff-con .vip .vip-price {
    font-size: 12px;
    font-weight: 400;
    color: #ff5656
}

.enterprise-intro-table .vip .vip-price-tip,
.benefit-diff-con .vip .vip-price-tip {
    font-size: 24px;
    font-weight: 400;
    color: #fff;
    text-align: center
}

.enterprise-intro-table .vip .vip-price .big-num,
.benefit-diff-con .vip .vip-price .big-num {
    font-size: 32px;
    font-weight: 700
}

.enterprise-intro-table .vip .vip-btn {
    width: 100%;
    height: 34px;
    background: linear-gradient(270deg,#e1bb92 0,#f5e1c7 100%);
    border-radius: 4px;
    font-size: 14px;
    font-weight: 400;
    color: #522d00;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px
}

.enterprise-intro-table .vip .vip-btn:hover {
    background: linear-gradient(270deg,#f5e1c7 0,#e1bb92 100%)
}

.benefit-diff-con .vip .vip-btn {
    background: linear-gradient(270deg, #00d1c1 0, #00ecda 100%);
    border-radius: 4px;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    width: 100%;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
}
.benefit-diff-con .vip-qiye-plus .vip-btn {
    background: 0 0 !important;
    border-radius: 4px;
    border: 1px solid;
    border-image: linear-gradient(270deg, #e1b392, #f5dcc7) 1 1;
}

.icon-close {
    color: #ff4c35;
    font-weight: 600;
}
.icon-check {
    color: #15cc8f;
    font-weight: 600;
}

.collapsed {
    display: none
}
table {
    border-spacing: 0;
    border: 1px solid #ddd;
    border-radius: 4px;
    border-top: none;
    border-right: none;
    background: #fff
}
table tr.fixedTop {
    position: fixed;
    top: 88px;
    width: auto;
    left: 50%;
    z-index: 99;
    background: #fff;
    box-shadow: 0 0 16px 0 rgba(0,0,0,.15);
    display: flex;
    translate: -50% 0
}
table tr {
    width: 1400px
}
table tr:hover {
    background: #fbf6f0
}
table tr:hover .w1 {
    background: #fff!important
}
table .w2 {
    width: 446px;
    border-right: none;
    display: flex;
    box-sizing: border-box;
    line-height: 104px;
    height: 104px;
    margin-left: -50px;
    align-items: center;
    justify-content: center;
    background: #fff!important
}
table .w3 {
    width: 922px;
    border-right: none;
    display: flex;
    box-sizing: border-box;
    line-height: 50px;
    height: 50px;
    margin-left: -50px;
    align-items: center;
    justify-content: center;
    background: #fff !important;
}
table .w1 {
    width: 50px;
    padding: 0 17px;
    background: #fff!important
}

table .w1 span {
    font-size: 14px;
    font-weight: 400;
    color: #3d404b
}
table tr td {
    width: 160px;
    height: 50px;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    font-size: 14px;
    font-weight: 400;
    color: #696e81;
    text-align: center;
    padding: 15px 0
}
table tr td:nth-child(2) {
    text-align: justify;
    padding: 15px 20px
}
.enterprise-intro-table .th {
    width: 159px;
    /*height: 104px;*/
    position: relative;
    border: none;
    background: #fff!important
}


.advantage {
    height: 744px;
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 80px
}

.advantage-t1 {
    font-size: 32px;
    font-weight: 400;
    color: #522d00;
    line-height: 45px;
    margin-bottom: 8px
}

.advantage-t2 {
    font-size: 16px;
    font-weight: 400;
    color: rgba(82,45,0,.6);
    line-height: 22px;
    letter-spacing: 3px;
    margin-bottom: 30px
}

.advantage-l {
    width: 1400px;
    height: 379px;
    border-radius: 8px;
    overflow: hidden;
    position: relative
}

.advantage-l::before {
    content: "";
    width: 20px;
    height: 100%;
    display: block;
    background: linear-gradient(to right,#fff 23.07%,transparent 100%);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2
}

.advantage-l::after {
    content: "";
    width: 20px;
    height: 100%;
    display: block;
    background: linear-gradient(to left,#fff 23.07%,transparent 100%);
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2
}

.advantage-l-item {
    height: 113px;
    position: relative;
    margin: 10px 0 5px
}

.advantage-l-item ul {
    height: 113px;
    width: 100000px;
    position: absolute;
    left: 0;
    top: 0
}

.advantage-l-item ul li {
    width: 200px;
    height: 113px;
    margin-right: 10px;
    border-radius: 8px;
    overflow: hidden
}

.advantage-r {
    margin-top: 20px
}

.advantage-r ul {
    display: flex
}

.advantage-r li {
    width: 273px;
    height: 80px;
    background: linear-gradient(315deg,#fefbf8 0,#fcf2e5 100%);
    border-radius: 6px;
    margin-left: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.advantage-r li:last-child {
    margin-right: 0
}

.advantage-r li a {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1
}

.advantage-r li i {
    width: 42px;
    height: 42px;
    min-width: 42px;
    min-height: 42px;
    font-size: 14px;
    font-weight: 400;
    color: #998369;
    line-height: 22px;
    background: url('../../assets/images/video/enterprise-icons.png') no-repeat;
    background-size: cover
}

.advantage-r li:nth-child(2) i {
    background-position-x: -42px
}

.advantage-r li:nth-child(3) i {
    background-position-x: -84px
}

.advantage-r li:nth-child(4) i {
    background-position-x: -126px
}

.advantage-r li:nth-child(5) i {
    background-position-x: -168px
}

.advantage-r li:nth-child(6) i {
    background-position-x: -210px
}

.advantage-r li p {
    font-size: 14px;
    font-weight: 400;
    color: #998369;
    line-height: 22px;
    margin-left: 10px
}


.scene-item2 {
    height: 714px;
    padding-top: 70px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #161e3f;
}

.scene-item2 ul {
    width: 490px;
    margin: 0 auto;
    margin-top: 7px;
    display: flex;
    flex-direction: column
}

.scene-item2 li {
    width: 100%;
    height: 46px;
    margin-bottom: 14px;
    /*padding-left: 100px*/
}

.scene-item2 li>p i {
    font-size: 16px;
    font-weight: 400;
    color: #e3bf98;
    margin-right: 2px
}

.scene-item2 li>p {
    float: left;
    line-height: 46px;
    height: 46px;    
    text-align: right;
    font-size: 16px;
    font-weight: 400;
    color: #fff
}

.scene-item2 li>input {
    float: right;
    width: 399px;
    height: 46px;
    background: rgba(255,255,255,.2);
    border-radius: 25px;
    border: 1px solid rgba(255,255,255,.2);
    backdrop-filter: blur(7px);
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    padding: 0 15px
}

.scene-item2 li>input::placeholder {
    color: rgba(255,255,255,.4);
    font-size: 16px
}

.scene-item2 .scene-2-title {
    font-size: 32px;
    font-weight: 400;
    color: #fff;
    line-height: 45px;
    text-align: center;
    margin-bottom: 8px
}

.scene-item2 .scene-2-desc {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    line-height: 22px;
    letter-spacing: 3px;
    text-align: center;
    margin-bottom: 50px
}

.scene-item2 .submit-btn {
    width: 490px;
    height: 46px;
    background: linear-gradient(270deg,#e1bb92 0,#f5e1c7 100%);
    border-radius: 23px;
    font-size: 18px;
    font-weight: 400;
    color: #522d00;
    line-height: 46px;
    cursor: pointer;
    transition: all .2s;
    text-align: center;
    margin-top: 16px
}

.scene-item2 .submit-btn:hover {
    background-size: 200%
}

.submit-btn.disabled {
    background: #e2e2e2;
    color: #818284
}
.scene-item2 .enterprise-entrance {
    width: 1120px;
    height: 140px;
    padding-top: 32px;
    text-align: center;
    overflow: hidden;
    margin-top: 80px
}

.scene-item2 .enterprise-entrance-p1 {
    font-size: 32px;
    font-weight: 400;
    color: #fff;
    line-height: 45px;
    margin-bottom: 10px
}

.scene-item2 .enterprise-entrance-p2 {
    font-size: 16px;
    font-weight: 400;
    color: rgba(255,255,255,.6);
    line-height: 22px
}


.advantage3 {
    height: 800px;
    background: #fff;
    padding-top: 53px
}

.advantage3-t1 {
    font-size: 28px;
    line-height: 37px;
    letter-spacing: .1em;
    margin-bottom: 64px;
    color: #444;
    text-align: center
}

.advantage3-wrap {
    width: 1200px;
    margin: 0 auto
}

.advantage3-wrap li {
    width: 560px;
    height: 180px;
    margin: 0 0 20px 40px;
    background: #fff;
    border-radius: 8px;
    padding: 19.5px 15px 0;
    filter: drop-shadow(0 4px 10px rgba(0, 0, 0, .1));
    transition: all .2s;
    will-change: transform,box-shadow
}

.advantage3-wrap li:hover {
    transform: translateY(-3px);
    box-shadow: 0 0 25px rgba(0,0,0,.15)
}

.advantage3-wrap-1 {
    font-size: 20px;
    line-height: 24px;
    color: #444;
    margin-bottom: 27px
}

.advantage3-wrap-2 {
    font-size: 14px;
    line-height: 24px;
    color: #818284
}


.advantage4 {
    background: #fff;
    padding-top: 90px;
    padding-bottom: 50px
}

.advantage4-t1 {
    width: 100%;
    text-align: center;
    font-size: 32px;
    font-weight: 400;
    color: #522d00;
    line-height: 45px;
    margin-bottom: 40px;
    position: relative
}

.advantage4-t1 .advantage4-icon {
    position: absolute;
    left: 50%;
    translate: -50% 0;
    background: linear-gradient(180deg,#f3cea2 0,rgba(243,206,162,0) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    opacity: .3;
    font-size: 80px;
    top: -33px;
    line-height: 80px
}

.advantage4-wrap {
    width: 1400px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.advantage4-wrap li {
    width: 660px;
    background: #f9f6f0;
    border-radius: 10px 50px 50px 50px;
    filter: drop-shadow(0 4px 10px rgba(0, 0, 0, .1));
    transition: all .2s;
    padding: 15px 30px 20px 30px;
    will-change: transform,box-shadow;
    margin-bottom: 30px
}

.advantage4-wrap li:nth-child(2n) {
    background: #f0f4fa;
    margin-left: 30px
}

.advantage4-wrap li:hover {
    transform: translateY(-3px);
    box-shadow: 0 0 25px rgba(0,0,0,.15)
}

.advantage4-wrap-1 {
    font-size: 16px;
    font-weight: 400;
    color: #3d404b;
    margin-bottom: 9px;
    line-height: 22px
}

.advantage4-wrap-2 {
    font-size: 14px;
    font-weight: 400;
    color: #696e81;
    text-align: justify;
    line-height: 25px
}


.custom-usage {
    margin-top: 80px;
    display: flex;
    justify-content: center;
}

.custom-usage-item {
    width: 580px;
    height: 521px;
    background: linear-gradient(180deg,#fff 0,rgba(255,255,255,.9) 100%);
    box-shadow: 0 4px 20px 0 rgba(61,66,84,.2);
    border-radius: 10px;
    padding: 20px 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    overflow: hidden
}
.custom-usage-item:first-child {
    margin-right: 60px;
}

.custom-usage-item .custom-usage-item-tips {
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    width: 70px;
    height: 28px;
    background: linear-gradient(180deg, #ff7d61 0, #ffb296 100%);
    border-radius: 10px 0 10px 0;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    line-height: 28px;
}
.custom-usage-item .custom-usage-item-title {
    font-weight: 700;
    font-size: 20px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    margin-top: 5px;
    color: #444;
}
.custom-usage-item .custom-usage-item-desc1 {
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    letter-spacing: 1px;
    height: 18px;
    margin-bottom: 20px;
    color: #444;
}
.custom-usage-item .custom-usage-item-desc2 {
    width: 406px;
    height: 28px;
    background: rgba(82, 45, 0, .1);
    border-radius: 14px;
    font-size: 13px;
    font-weight: 400;
    color: #522d00;
    line-height: 28px;
    text-align: center;
    margin-bottom: 20px;
}
.custom-usage-item ul {
    width: 100%;
    margin-bottom: 10px;
}
.custom-usage-item ul li {
    position: relative;
    height: 70px;
    border-radius: 6px;
    width: 100%;
    border: 1px solid transparent;
    padding: 16px;
    cursor: pointer;
}

.custom-usage-item ul li>span {
    margin-top: 5px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    border: 1px solid #cc995c;
    box-shadow: inset 0 2px 2px -1px rgba(74,74,104,.1);
    background: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 24px;
}
.custom-usage-item ul li>span i {
    color: #fff;
    font-size: 20px;
}
.custom-usage-item ul li .sale-number {
    width: 40px;
    line-height: 34px;
    height: 34px;
    color: #444;
    font-size: 18px;
    margin-left: 7px;
    text-align: center;
}
.custom-usage-item ul li .sale-price {
    margin-left: 80px;
    width: 79px;
    height: 34px;
    color: #818284;
    font-size: 14px;
    line-height: 34px;
    text-align: center;
    position: relative;
}
.custom-usage-item ul li .sale-price span {
    color: #444;
    font-size: 24px;
}
.custom-usage-item ul li .sale-tips {
    position: absolute;
    right: -62px;
    top: 50%;
    font-size: 12px;
    line-height: 24px;
    text-align: center;
    color: #fff;
    opacity: 0;
    transition: opacity .2s;
    width: 52px;
    height: 22px;
    background: linear-gradient(180deg, #ff7d61 0, #ffb296 100%);
    border-radius: 4px;
    translate: 0 -50%;
}
.custom-usage-item ul li .sale-total {
    color: #818284;
    font-size: 14px;
    line-height: 34px;
    height: 34px;
}

.custom-usage-item li.active, .custom-usage-item li:hover {
    background: #fff;
    border: 1px solid #e2b886;
}
.custom-usage-item li.active>span {
    background: #cc995c;
    box-shadow: inset 0 2px 2px -1px rgba(74,74,104,.1);
}

.custom-usage-item .custom-usage-item-buy {
    width: 100%;
    height: 44px;
    background: linear-gradient(270deg, #cd9e66 0, #f4cfa3 100%);
    border-radius: 6px;
    font-size: 16px;
    font-weight: 700;
    color: #522d00;
    line-height: 44px;
    text-align: center;
    margin-bottom: 6px;
}
.custom-usage-item .custom-usage-item-desc4 {
    font-size: 14px;
    font-weight: 400;
    color: #9598a9;
    text-align: center;
}


/*商用VIP介绍*/
.enterprise-banner {
    background: linear-gradient(0deg, #fff 76.52%, #e6fff9 100%);
    text-align: center;
    padding: 56px 0px;
    color: #282a30;
}
.enterprise-banner .banner-title {
    font-size: 40px;
    line-height: 56px;
    height: 56px;
    letter-spacing: .01em;
    color: inherit;
    margin-bottom: 27px;
    font-weight: 500;
    position: relative;
    z-index: 2;
}
.enterprise-banner .single-title {
    margin-bottom: 46px;
}
.enterprise-banner .single-title>p {
    font-size: 14px;
    line-height: 24px;
    color: #818284;
}


.vip-intro {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
}
.vip-intro .vip-intro-item {
    width: 660px;
    height: 719px;
    background: linear-gradient(180deg, #e8fbf7 0, #f5f8f8 100%);
    border-radius: 10px;
    position: relative;
}
.vip-intro .vip-intro-item .intro-item-name {
    width: 100%;
    font-size: 20px;
    font-weight: 700;
    color: #565a6a;
    text-align: center;
    margin: 20px 0;
}
.vip-intro .vip-intro-item .intro-box-container {
    width: 100%;
    padding: 0 40px;
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    position: relative;
    --vip-type-name: #00d1c1;
}
.vip-intro .vip-intro-item .intro-box-container .intro-box {
    width: 270px;
    height: 624px;
    background: #fff;
    box-shadow: 0 4px 20px 0 rgba(61,64,75,.15);
    border-radius: 10px;
    padding: 0 20px;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.vip-intro .vip-intro-item .intro-box-container .intro-box .intro-box-name {
    width: 100%;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    color: var(--vip-type-name);
    margin-top: 30px;
    margin-bottom: 10px
}

.vip-intro .vip-intro-item .intro-box-container .intro-box .intro-box-tip {
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #696e81;
    line-height: 22px;
    white-space: nowrap;
    margin-bottom: 10px
}

.vip-intro .vip-intro-item .intro-box-container .intro-box .intro-box-btn {
    width: 230px;
    height: 40px;
    background: linear-gradient(270deg,#00d1c1 0,#00ecda 100%);
    border-radius: 4px;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    cursor: pointer;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

.vip-intro .vip-intro-item .intro-box-container .intro-box .intro-box-btn:hover {
    background: linear-gradient(270deg,#00ecda 0,#00d1c1 100%);
    color: #fff
}

.intro-box-container .intro-box-downloadTip {
    width: 100%;
    text-align: left;
    font-size: 13px;
    font-weight: 700;
    color: #3d404b;
    line-height: 28px;
    margin-bottom: 4px;
    margin-top: 20px;
}
.intro-box-container .intro-box-downloads {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.intro-box-container .intro-box-downloads .intro-box-download {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    font-size: 13px;
    font-weight: 400;
    color: #565a6a;
    margin-bottom: 10px;
    text-align: justify;
}
.intro-box-container .intro-box-download-active .download-icon {
    background: linear-gradient(315deg, rgba(87, 208, 199, .1) 0, rgba(87, 208, 199, .6) 100%) !important;
    color: #00d1c1 !important;
}
.intro-box-container .intro-box-downloads .intro-box-download p {
    flex: 1;
    font-size: 13px;
    font-weight: 400;
    line-height: 140%;
}
.bold {
    font-weight: 700;
}

.vip-intro .vip-intro-item.intro-item-qiye {
    background: linear-gradient(180deg, #fdf4e7 0, #f5f8f8 100%) !important;
    margin-left: 40px;
}
.vip-intro .vip-intro-item.intro-item-qiye .intro-box-container {
    --vip-type-name: #c0905c;
}
.vip-intro .vip-intro-item.intro-item-qiye .intro-box-btn {
    background: linear-gradient(270deg, #e1bb92 0, #f5e1c7 100%) !important;
    color: #522d00 !important;
}

.vip-intro .vip-intro-item.intro-item-qiye .intro-box-downloads .intro-box-download .download-icon {
    background: linear-gradient(315deg, rgba(244, 207, 163, .1) 0, #f4cfa3 100%) !important;
    color: #b67c38 !important;
}
.vip-intro .vip-intro-item.intro-item-qiye .icon-check {
    color: #b67c38 !important;
}

.vip-intro .vip-intro-item .intro-box-qyplus .intro-box-btn {
    background: linear-gradient(270deg, #242650 0, #434f94 100%) !important;
    color: #ffd1b3 !important;
}


.vip-intro .vip-intro-item .intro-box-modes {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: -4px;
}
.vip-intro .vip-intro-item .intro-box-modes .intro-box-mode {
    width: 70px;
    height: 50px;
    background: linear-gradient(315deg, #fefbf8 0, #fcf2e5 100%);
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
}
.vip-intro .vip-intro-item .intro-box-modes .intro-box-mode p {
    font-size: 13px;
    font-weight: 400;
    color: #a47139;
    line-height: 150%;
}

.benefit-diff {
    background: linear-gradient(180deg, #f7fffd 0, #fff 18.75%);
    padding: 24px 0px 1px;
}
.benefit-diff-title {
    font-size: 28px;
    line-height: 39px;
    text-align: center;
    color: #444;
    margin-bottom: 42px;
}
.benefit-diff-con {
    margin: 0 auto;
    padding-top: 70px;
    margin-bottom: 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.benefit-diff-con .th {
    width: 239px;
    height: 104px;
    background: #fff;
    position: relative;
    border: none;
}

.enterprise-entrance {
    padding: 30px 0px;
    text-align: center;
    overflow: hidden;
    background: #202e48;
}

.enterprise-entrance img {
    height: 200px;
    width: auto;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    z-index: -1
}

.enterprise-entrance-p1 {
    font-size: 36px;
    line-height: 50px;
    letter-spacing: .2em;
    margin-bottom: 6px;
    background-image: linear-gradient(91.51deg,#f4cfa3 .48%,#cd9e66 98.33%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.enterprise-entrance-p2 {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .59em;
    color: #e2e2e2;
    margin-bottom: 32px
}

.enterprise-entrance-btn {
    width: 195px;
    height: 36px;
    background: linear-gradient(91.51deg,#f4cfa3 .48%,#cd9e66 98.33%);
    border-radius: 4px;
    color: #6f4200;
    line-height: 36px;
    text-align: center;
    letter-spacing: 2.4px;
    font-size: 14px;
    margin: 0 auto
}