/* hesder */
.pay-intro .first_td_hover {
    position: relative;
    height: 100%
}

.pay-intro .first_td_hover .first_center {
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}

.pay-intro .intro_vip_show {
    position: absolute;
    left: 300px;
    top: -11px;
    background: #fff;
    width: 600px;
    border-radius: 4px;
    box-shadow: 4px 4px 16px 0px rgba(0, 0, 0, 0.1);
    border: 1px solid #eeeeee;
    padding: 20px 30px 30px 30px;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
    overflow: hidden;
    box-sizing: border-box;
    opacity: 0;
    z-index: -1
}

.pay-intro .intro_vip_show .title {
    font-size: 20px;
    color: #333;
    font-weight: 500
}

.pay-intro .intro_vip_show .des {
    font-size: 16px !important;
    color: #999
}

.pay-intro .intro_vip_show .intro_img {
    background: #f6f6f6;
    margin-top: 20px;
    width: 540px
}

.pay-intro .intro_vip_show .intro_img img {
    width: 100%
}

.pay-intro .hover_title {
    color: #128bed !important
}

.pay-intro .hover_arrow {
    background: url(../images/hover_arrow-1021bbbb.png) no-repeat;
    background-size: 100% 100%;
    height: 22px;
    width: 22px;
    margin-bottom: -5px;
    display: inline-block
}

.pay-intro .first_td {
    position: relative
}

.pay-intro .title:hover .intro_vip_show {
    opacity: 1;
    z-index: 100
}

.pay-intro .shujuhuiyuan {
    width: 67px;
    height: 14px;
    display: inline-block;
    margin-right: 5px;
    position: relative;
    top: -2px
}

.pay-intro .zhushi {
    font-size: 16px;
    display: inline-block;
    position: relative
}

.pay-intro .vip-popover {
    margin-right: 10px;
    margin-left: 10px
}

.pay-intro .xf {
    font-size: 14px;
    position: relative;
    top: -1px
}


.qiye-sale-code .code-content {
    padding: 5px;
    width: 255px
}

.qiye-sale-code .code-content .code-input {
    width: 150px;
    margin-right: 10px;
    position: relative;
    display: inline-block
}

.qiye-sale-code .code-content .csp {
    margin-left: 3px;
    margin-right: 3px;
    color: #f8f8f8;
    position: relative;
    top: -1px
}

.qiye-sale-code .code-content .err-msg {
    color: #FF6060;
    font-size: 12px;
    margin-top: 10px
}

.pay-page-select-service {
    width: 100%
}

.pay-page-select-service table {
    margin-bottom: 0px
}

.pay-page-select-service td .radio-inline {
    vertical-align: top;
    position: relative;
    top: -1px
}

.pay-page-select-service tr:last-child td {
    border-bottom: none
}

.pay-page-custom-meal form {
    display: block
}

.pay-page-custom-meal label.col-pre {
    margin-left: 0px
}

.radio-control {
    height: 34px;
    padding-top: 7px
}


.pay-page .pay-top {
    height: 356px;
    background: #3674dd;
    background-size: cover;
    padding-top: 35px;
    margin-bottom: 80px
}

.pay-page .pay-top .pay-title .title {
    font-size: 44px;
    font-family: "Microsoft YaHei", Arial;
    color: #fff;
    text-align: center
}

.pay-page .pay-top .pay-title .sub-title {
    font-size: 26px;
    font-weight: 400;
    color: #fff;
    margin-top: 20px;
    text-align: center
}

.pay-page .pay-top .pay-panel-scroll {
    position: relative
}

.pay-page .pay-top .pay-panel {
    width: 320px;
    height: 340px;
    position: absolute;
    box-shadow: 0px 10px 30px 0px rgba(18, 139, 237, 0.05);
    transition: all 0.4s;
    text-align: center
}

.pay-page .pay-top .pay-panel.sort1 {
    top: 100px;
    left: 0px;
    z-index: 2
}

.pay-page .pay-top .pay-panel.sort2 {
    left: 340px;
    top: 35px;
    z-index: 3
}

.pay-page .pay-top .pay-panel.sort3 {
    top: 100px;
    left: 900px;
    z-index: 1
}

.pay-page .pay-top .pay-panel .pay-panel-header {
    height: 182px;
    background-size: 320px 182px;
    padding-top: 35px;
    border-radius: 12px 12px 0 0
}

.pay-page .pay-top .pay-panel .pay-panel-header .title {
    font-size: 34px;
    font-weight: bold
}

.pay-page .pay-top .pay-panel .pay-panel-header .sub-title {
    font-size: 18px;
    margin-top: 15px
}

.pay-page .pay-top .pay-panel .pay-panel-wrap {
    height: 158px;
    background: #fff;
    padding-top: 20px;
    border-radius: 0 0 12px 12px
}

.pay-page .pay-top .pay-panel .pay-panel-wrap .price {
    font-size: 18px
}

.pay-page .pay-top .pay-panel .pay-panel-wrap .price b {
    font-size: 28px;
    font-weight: bold;
    font-family: D-DIN-Bold;
}

.pay-page .pay-top .pay-panel .pay-panel-wrap .pay-btn {
    margin-top: 12px;
    width: 140px;
    line-height: 28px;
    border-radius: 4px
}

.pay-page .pay-top .pay-panel.big {
    width: 540px;
    height: 520px
}

.pay-page .pay-top .pay-panel.big .pay-panel-header {
    height: 200px;
    background-size: 540px 200px;
    padding-top: 40px
}

.pay-page .pay-top .pay-panel.big .pay-panel-header .title {
    font-size: 40px
}

.pay-page .pay-top .pay-panel.big .pay-panel-header .sub-title {
    font-size: 26px;
    margin-top: 20px
}

.pay-page .pay-top .pay-panel.big .pay-panel-header.has-buyedlist {
    padding-top: 30px
}

.pay-page .pay-top .pay-panel.big .pay-panel-header.has-buyedlist .sub-title {
    margin-top: 15px
}

.pay-page .pay-top .pay-panel.big .pay-panel-wrap {
    height: 320px;
    padding-top: 50px
}

.pay-page .pay-top .pay-panel.big .pay-panel-wrap .price {
    font-size: 18px
}

.pay-page .pay-top .pay-panel.big .pay-panel-wrap .pay-btn {
    margin-top: 15px;
    width: 300px;
    font-size: 18px
}

.pay-page .pay-top .pay-panel.big .pay-panel-wrap .after-bar {
    margin-top: 25px
}

.pay-page .pay-top .pay-panel.big .pay-panel-wrap .after-bar .sp {
    margin-left: 5px;
    margin-right: 5px;
    position: relative;
    top: -1px;
    color: #d8d8d8
}

.pay-page .pay-top .pay-panel.big .pay-panel-wrap .origin-price {
    color: #ccc;
    font-size: 14px;
    line-height: 22px;
    text-decoration: line-through;
    margin-top: -2px
}

.pay-page .pay-top .pay-panel.big .pay-panel-wrap .coupon-area {
    width: 300px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px
}

.pay-page .pay-top .pay-panel.big .pay-panel-wrap .coupon-area .coupon-value {
    color: #ff6060
}

.pay-page .pay-top .pay-panel.big .pay-panel-wrap .coupon-area+.pay-btn {
    margin-top: 20px
}

.pay-page .pay-top .pay-panel.big .buyed-list-scroll {
    display: inline-block;
    position: absolute;
    overflow-y: hidden;
    height: 20px;
    width: 340px;
    left: 100px;
    top: 166px
}

.pay-page .pay-top .pay-panel.big .buyed-list-scroll .item {
    text-align: center;
    color: #fff;
    width: 100%
}

.pay-page .pay-top .goods-list {
    white-space: nowrap
}

.pay-page .pay-top .goods-list .item-contain {
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
    vertical-align: bottom;
    cursor: pointer;
}

.pay-page .pay-top .goods-list .item-contain .bottom-text {
    line-height: 30px;
    background-color: #fef2e4;
    color: #864d07;
    position: relative;
    border-radius: 4px;
    z-index: 1;
    padding-top: 3px;
    top: -4px
}

.pay-page .pay-top .goods-list .item {
    position: relative;
    z-index: 2;
    width: 160px;
    height: 95px;
    display: inline-block;
    background-color: #fff;
    border: solid 2px #eee;
    border-radius: 4px;
    padding-top: 13px
}

.pay-page .pay-top .goods-list .item .price small {
    font-size: 14px
}

.pay-page .pay-top .goods-list .item .price b {
    font-size: 24px;
    font-weight: bold;
    font-family: D-DIN-Bold
}

.pay-page .pay-top .goods-list .item .price .unit {
    font-size: 14px;
    color: #666666
}

.pay-page .pay-top .goods-list .item .offset {
    margin-top: 10px;
    color: #999
}

.pay-page .pay-top .goods-list .item .recomend {
    position: absolute;
    width: 48px;
    height: 24px;
    top: -12px;
    left: -2px;
    color: #fff;
    border-top-left-radius: 6px;
    border-bottom-right-radius: 6px;
    background: linear-gradient(270deg, #fd8e54 0%, #f9552a 100%);
    line-height: 24px
}

.pay-page .pay-top .goods-list .item .juhui {
    position: absolute;
    width: 62px;
    height: 18px;
    background-image: url(../imgs/juhui-1ee533b4.png);
    background-size: 62px 18px;
    top: -4px;
    left: -2px
}

.pay-page .pay-top .goods-list .item .angle-mark {
    position: absolute;
    top: -5px;
    left: -2px
}

.pay-page .pay-top .goods-list .item .angle-mark>img {
    height: 18px
}

.pay-page .pay-top .goods-list .item .check {
    width: 0;
    height: 0;
    border-bottom: 26px solid #128bed;
    border-left: 26px solid transparent;
    position: absolute;
    z-index: 2;
    bottom: 0px;
    right: 0px;
    line-height: 26px
}

.pay-page .pay-top .goods-list .item .check .fa {
    position: absolute;
    color: #fff;
    font-weight: 100;
    right: 0px;
    top: 5px
}

.pay-page .pay-top .goods-list.length2 .item-contain {
    margin-left: 10px;
    margin-right: 10px
}

.pay-page .pay-top .goods-list.length4 .item-contain .item {
    width: 120px
}

.pay-page .pay-top .goods-list.length4 .item-contain .item .offset {
    font-size: 12px
}

.pay-page .pay-top .goods-list.length4 .item-contain .item .unit {
    font-size: 12px
}

.pay-page .pay-top .goods-list.length4 .item-contain .item:last-child {
    width: 122px
}

.pay-page .pay-top .pay-panel.vip .pay-panel-header {
    background-image: url(../imgs/vip_panelbg-3859d80e.png);
    background-color: #f6cda0;
    color: #864d07
}

.pay-page .pay-top .pay-panel.vip.big .pay-panel-header {
    background-image: url(../imgs/vip_panelbg_big-1ae8da4d.png)
}

.pay-page .pay-top .pay-panel.vip .price {
    color: #864d07
}
.pay-page .pay-top .pay-panel.vip .price b{
    color: #864d07!important;
}

.pay-page .pay-top .pay-panel.vip .pay-btn {
    background-color: #f6cda0;
    color: #864d07
}

.pay-page .pay-top .pay-panel.vip .goods-list .item .price {
    color: #864d07
}

.pay-page .pay-top .pay-panel.vip .goods-list .item.active {
    border-color: #f6cda0;
    background-color: #fefaf5
}

.pay-page .pay-top .pay-panel.vip .goods-list .item.active+.bottom-text {
    background-color: #ffe0bd
}

.pay-page .pay-top .pay-panel.vip .goods-list .item .check {
    border-bottom-color: #f6cda0
}

.pay-page .pay-top .pay-panel.vip .sm-text {
    color: #864d07
}

.pay-page .pay-top .pay-panel.svip .pay-panel-header {
    background-image: url(../imgs/svip_panelbg-b2caddf8.png);
    background-color: #f9d354;
    color: #aa6715
}

.pay-page .pay-top .pay-panel.svip.big .pay-panel-header {
    background-image: url(../imgs/svip_panelbg_big-cf7e1a7c.png)
}

.pay-page .pay-top .pay-panel.svip .price {
    color: #aa6715
}
.pay-page .pay-top .pay-panel.svip .price b{
    color: #aa6715!important
}

.pay-page .pay-top .pay-panel.svip .pay-btn {
    background-color: #f9d354;
    color: #aa6715
}

.pay-page .pay-top .pay-panel.svip .goods-list .bottom-text {
    background-color: #fff1c3
}

.pay-page .pay-top .pay-panel.svip .goods-list .item .price {
    color: #aa6715
}

.pay-page .pay-top .pay-panel.svip .goods-list .item.active {
    border-color: #f9d354;
    background-color: #fffbee
}

.pay-page .pay-top .pay-panel.svip .goods-list .item.active+.bottom-text {
    background-color: #ffe488
}

.pay-page .pay-top .pay-panel.svip .goods-list .item .check {
    border-bottom-color: #f9d354
}

.pay-page .pay-top .pay-panel.svip .sm-text {
    color: #aa6715
}

.pay-page .pay-top .pay-panel.qiye .pay-panel-header {
    background-image: url(../imgs/qiye_panelbg-50535ae6.png);
    background-color: #467fe8;
    color: #fff
}

.pay-page .pay-top .pay-panel.qiye.big .pay-panel-header {
    background-image: url(../imgs/qiye_panelbg_big-bca61229.png)
}

.pay-page .pay-top .pay-panel.qiye .pay-panel-wrap {
    padding-top: 20px
}

.pay-page .pay-top .pay-panel.qiye .price {
    color: #467fe8;
}
.pay-page .pay-top .pay-panel.qiye .price b {
    color: #467fe8!important;
}
.pay-page .pay-top .pay-panel.qiye .pay-btn {
    background-color: #467fe8;
    color: #fff
}

.pay-page .pay-top .pay-panel.qiye .goods-list .item .price {
    color: #467fe8
}

.pay-page .pay-top .pay-panel.qiye .goods-list .item.active {
    border-color: #467fe8;
    background-color: #f5f9ff
}

.pay-page .pay-top .pay-panel.qiye .goods-list .item .check {
    border-bottom-color: #467fe8
}

.pay-page .pay-top .pay-panel.qiye .meal-change-spin {
    margin-top: 20px
}

.pay-page .pay-top .pay-panel.qiye .meal-change-spin .mnumber-input {
    width: 180px;
    height: 42px;
    margin: auto
}

.pay-page .pay-top .pay-panel.qiye .meal-change-spin .meal-buymore {
    display: inline-block;
    border: solid 1px #eee;
    background-color: #FAFAFA;
    padding: 8px 15px;
    line-height: 24px;
    border-radius: 4px
}

.pay-page .pay-top .pay-panel.qiye .meal-change-spin .meal-buymore .sp {
    color: #D8D8D8;
    position: relative;
    top: -1px;
    margin-left: 6px;
    margin-right: 6px
}

.pay-page .pay-top .pay-panel.qiye .price-computed {
    margin-top: 10px;
    color: #999
}

.pay-page .pay-top .pay-panel.vip .price-computed {
    margin-top: 10px;
    color: #999
}

.pay-page .pay-top .pay-panel.svip .price-computed {
    margin-top: 10px;
    color: #999
}

.pay-page .pay-top .pay-panel.qiye .sm-text {
    color: #467fe8
}

.pay-page .pay-top .pay-panel.big.qiye .pay-btn {
    margin-top: 15px
}

.pay-page .pay-top .pay-panel.big.qiye .pay-btn .bprice {
    margin-left: 1px;
    margin-right: 4px;
    position: relative;
    top: 1px;
    color: #FADCB9;
    font-size: 22px;
    font-weight: bold;
    font-family: D-DIN-Bold
}

.pay-page .pay-top .pay-panel.big.qiye .pay-btn .bprice .s {
    font-size: 16px
}

.pay-page .pay-top .pay-panel.big.qiye .after-bar {
    margin-top: 25px
}

.pay-page .pay-top .qiye-switch-group {
    margin-top: 15px
}

.pay-page .pay-top .qiye-switch-group .switch-vip,
.pay-page .pay-top .qiye-switch-group .switch-svip {
    display: inline-block;
    width: 168px;
    height: 46px;
    border: solid 2px #fadcb9;
    margin-left: 5px;
    margin-right: 5px;
    color: #fadcb9;
    font-size: 18px;
    line-height: 26px;
    padding-top: 8px;
    position: relative
}

.pay-page .pay-top .qiye-switch-group .switch-vip .qicon,
.pay-page .pay-top .qiye-switch-group .switch-svip .qicon {
    display: inline-block;
    width: 26px;
    height: 26px;
    background-size: 26px 26px;
    margin-right: 2px;
    margin-top: -7px;
    position: relative;
    top: 7px
}

.pay-page .pay-top .qiye-switch-group .switch-vip.active,
.pay-page .pay-top .qiye-switch-group .switch-svip.active {
    width: 168px;
    height: 46px;
    border: none;
    background-size: 168px 46px;
    top: -1px;
    padding-top: 9px
}

.pay-page .pay-top .qiye-switch-group .switch-vip {
    border-radius: 23px 0 0 23px
}

.pay-page .pay-top .qiye-switch-group .switch-vip .qicon {
    background-image: url(../imgs/ent_vip_icon-a5e4c2f2.png)
}

.pay-page .pay-top .qiye-switch-group .switch-vip.active {
    background-image: url(../imgs/qiye_switch_btn1-0a85f8ce.png)
}

.pay-page .pay-top .qiye-switch-group .switch-svip {
    border-radius: 0 23px 23px 0
}

.pay-page .pay-top .qiye-switch-group .switch-svip .pay_hot {
    height: 14px;
    width: 28px;
    position: absolute;
    top: -7px;
    right: 0px
}

.pay-page .pay-top .qiye-switch-group .switch-svip .qicon {
    background-image: url(../imgs/ent_svip_icon-ef131b0a.png)
}

.pay-page .pay-top .qiye-switch-group .switch-svip.active {
    background-image: url(../imgs/qiye_switch_btn2-53cd002c.png)
}

.pay-page .pay-intro {
    border-radius: 2px;
    margin-top: 370px;
    margin-bottom: 60px
}

.pay-page .pay-intro table {
    width: 100%;
    background-color: #fff
}

.pay-page .pay-intro table td {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    border-left: solid 1px #eee;
    /* border-right: solid 1px #eee */
}

.pay-page .pay-intro table td:first-child {
    padding-left: 30px;
    padding-right: 10px;
    text-align: left
}

.pay-page .pay-intro table td.current {
    border-left: solid 2px #128bed !important;
    border-right: solid 2px #128bed !important
}

.pay-page .pay-intro .intro-header {
    min-height: 161px
}

.pay-page .pay-intro .intro-header table.fixed {
    position: fixed;
    top: 0px;
    width: 1220px;
    background: #fff;
    z-index: 101;
    box-shadow: 0px 4px 3px -4px rgba(0, 0, 0, 0.1)
}

.pay-page .pay-intro .intro-header table td {
    position: relative;
    vertical-align: top;
    padding-top: 25px;
    padding-bottom: 20px;
    border-bottom: solid 1px #eee;
    border-top: solid 1px #eee
}

.pay-page .pay-intro .intro-header table td.current:before {
    content: " ";
    position: absolute;
    height: 2px;
    top: -1px;
    left: 0px;
    right: 0px;
    background: #128bed
}

.pay-page .pay-intro .intro-header table td:first-child {
    vertical-align: middle
}

.pay-page .pay-intro .intro-header table td .recomend {
    position: absolute;
    width: 35px;
    height: 35px;
    /* background-image: url(../images/recomend1-6aa702bb.png); */
    background-size: 35px 35px;
    top: 0px;
    right: 0px
}

.pay-page .pay-intro .intro-header table td .title {
    font-size: 20px;
    font-weight: bold
}

.pay-page .pay-intro .intro-header table td .vicon img {
    width: 34px;
    height: 34px;
    margin-right: 5px;
    position: relative;
    top: -2px
}

.pay-page .pay-intro .intro-header table td .pay-btn {
    width: 140px;
    height: 38px;
    line-height: 24px;
    border-radius: 2px;
    margin-top: 11px;
    font-size: 16px
}

.pay-page .pay-intro .intro-header table td .offsetText {
    margin-top: 10px;
    color: #999
}

.pay-page .pay-intro .intro-header table td.vip .title {
    color: #864d07
}

.pay-page .pay-intro .intro-header table td.vip .pay-btn {
    color: #864d07;
    border-color: #f6cda0
}

.pay-page .pay-intro .intro-header table td.vip.current .pay-btn {
    background-color: #f6cda0
}

.pay-page .pay-intro .intro-header table td.vip .offsetText .p {
    color: #864d07
}

.pay-page .pay-intro .intro-header table td.svip .title {
    color: #aa6715
}

.pay-page .pay-intro .intro-header table td.svip .pay-btn {
    color: #aa6715;
    border-color: #f9d354
}

.pay-page .pay-intro .intro-header table td.svip.current .pay-btn {
    background-color: #f9d354
}

.pay-page .pay-intro .intro-header table td.svip .offsetText .p {
    color: #aa6715
}

.pay-page .pay-intro .intro-header table td.ent .title,
.pay-page .pay-intro .intro-header table td.entSvip .title {
    color: #173b9e
}

.pay-page .pay-intro .intro-header table td.ent .pay-btn,
.pay-page .pay-intro .intro-header table td.entSvip .pay-btn {
    color: #467fe8;
    border-color: #467fe8
}

.pay-page .pay-intro .intro-header table td.ent.current .pay-btn,
.pay-page .pay-intro .intro-header table td.entSvip.current .pay-btn {
    color: #fff;
    background-color: #467fe8
}

.pay-page .pay-intro .intro-header table td.ent .offsetText .p,
.pay-page .pay-intro .intro-header table td.entSvip .offsetText .p {
    color: #467fe8
}

.pay-page .pay-intro .intro-content table td {
    font-size: 16px;
    border-bottom: solid 1px #eee;
    height: 64px
}

.pay-page .pay-intro .intro-content table td .open-btn {
    font-size: 12px;
    margin-left: 8px
}

.pay-page .pay-intro .intro-content table td .open-btn>img {
    height: 12px;
    position: relative;
    top: -1px
}

.pay-page .pay-intro .intro-content table .blank-td {
    border-left-color: #fff
}

.pay-page .pay-intro .intro-content table .blank-td:not(:last-child) {
    border-right-color: #fff
}

.pay-page .pay-intro .intro-content table tr:nth-child(odd) td {
    background: #f5f9ff
}

.pay-page .pay-intro .intro-content table tr:nth-child(odd) td.current {
    background: #e5efff
}

.pay-page .pay-intro .intro-content table .group-title {
    font-weight: bold;
    font-size: 22px;
    line-height: 59px;
    position: relative;
    padding-left: 25px;
    border-right-color: #fff
}

.pay-page .pay-intro .intro-content table .group-title:after {
    content: " ";
    position: absolute;
    left: 0px;
    width: 5px;
    height: 22px;
    background: #128bed;
    top: 27px
}

.pay-page .pay-intro .intro-content table .des {
    color: #999;
    font-size: 12px
}

.pay-page .pay-intro .intro-content table .fa-check {
    font-size: 22px;
    color: #00cc66;
    font-weight: bolder;
}

.pay-page .pay-intro .intro-content table .x {
    font-size: 28px;
    font-weight: bolder;
    color: #999;
    line-height: 1
}

.pay-page .pay-intro .intro-group:last-child tr:last-child td.current {
    border-bottom: solid 2px #128bed
}

.pay-page .pay-intro .datavip-intro {
    width: 400px
}

.pay-page .pay-intro .datavip-intro p {
    margin-bottom: 0px;
    line-height: 1.8
}

.pay-page .pay-intro .datavip-intro .group:not(:last-child) {
    margin-bottom: 10px
}

.pay-page .pay-intro .intro-header table td.qiyevip .pay-btn {
    color: #864d07;
    border-color: #f6cda0
}

.pay-page .pay-intro .intro-header table td.qiyevip.current .pay-btn {
    background-color: #f6cda0
}

.pay-page .pay-intro .intro-header table td.qiyesvip .pay-btn {
    color: #aa6715;
    border-color: #f9d354
}

.pay-page .pay-intro .intro-header table td.qiyesvip.current .pay-btn {
    background-color: #f9d354
}