* {
    padding: 0;
    margin: 0;
}

.banner {
    width: 100%;
    height: 23.75rem;
    background: url('../img/banner.png') no-repeat;
    background-size: 100% 100%;
}

.banner span {
    margin-left: 34%;
    display: block;
    font-weight: 600;
    font-size: 3.75rem;
    color: #fff;
    top: 25%;
    position: absolute;
}

.centerMain {
    width: 60rem;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
}

.fast,
.account,
.menu,
.desk,
.waiter,
.pad,
.admin,
.ticket {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 5rem 0;
}

.spBg {
    background: #f8f8f8;
}

.title {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: auto;
    overflow: hidden;
}

.title span {
    font-size: 2.5rem;
    color: #333;
    display: block;
    margin-bottom: .875rem;
}

.title label {
    font-size: 1.5rem;
    color: #666;
    line-height: 2.0625rem
}

.fast_content {
    width: 100%;
    height: auto;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-top: 2.8125rem;
}

.fast_content_img1 {
    width: 28.25rem;
}

.fast_content_img1 span {
    margin-left: -6.25rem;
}

.fast_content_img2 span {
    margin-left: 5.9375rem;
}

.fast_content_img2 {
    width: 17.375rem;
}

.fast_content div {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.fast_content div img {
    width: 100%;
}

.fast_content div span {
    font-size: 1.5rem;
    color: #333;
    margin-top: .75rem;
    display: block;
}

.account_con {
    width: 56.9375rem;
    margin: 0 auto;
    margin-top: 1.875rem;
}

.account_con img {
    width: 100%;
}

.menu_con {
    width: 27.25rem;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 3.125rem;
}

.menu_con img {
    width: 100%;
    height: 100%;
}

.desk_in {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 0 3.9375rem;
    box-sizing: border-box;
}

.desk_con {
    width: 100%;
    height: auto;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-top: 2.375rem;
}

.desk_con div {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.desk_con div img {
    width: 100%;
}

.desk_con_img1 {
    width: 10.25rem;
}

.desk_con_img2 {
    width: 8.125rem;
}

.desk_con_img2 span {
    color: #666;
    font-size: 1.125rem;
    margin-top: .75rem;
    display: block;
}

.account_con1 {
    width: 59.375rem;
    margin: 0 auto;
    margin-top: 2.1875rem;
}

.account_con1 img {
    width: 100%;
}

.waiter_in {
    width: 100%;
    padding: 0 2.5rem;
    box-sizing: border-box;
    height: auto;
    overflow: hidden;
}

.waiter_con {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-top: 2.8125rem;
}

.waiter_con_item {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 1.875rem;
}

.waiter_item_img {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 10.25rem;
}

.waiter_item_img img {
    width: 100%;
}

.waiter_item_img span {
    margin-top: .9375rem;
}

.pad_con {
    width: 100%;
    height: 25rem;
    overflow: hidden;
    position: relative;
    margin-top: 2.25rem;
    display: flex;
    flex-direction: row;
}

.pad_con div {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
}

.pad_con div span {
    font-size: 1.5rem;
    color: #333;
    display: block;
    margin-top: 1.25rem;
}

.pad_con img {
    width: 100%;
}

.pad_con_img1 {
    width: 193px;
    top: 0;
    left: 0;
}

.pad_con_img2 {
    width: 4.125rem;
    top: 14rem;
    left: 9.8125rem;
}

.pad_con_img3 {
    width: 10.5625rem;
    left: 15.3125rem;
    bottom: 0;
}

.pad_con_img4 {
    width: 4.3125rem;
    top: 8.9375rem;
    left: 25rem;
}

.pad_con_img5 {
    width: 15.6875rem;
    top: 2rem;
    left: 30.625rem;
}

.pad_con_img6 {
    width: 4.4375rem;
    top: 4.375rem;
    right: 9.375rem;
}

.pad_con_img7 {
    width: 13.625rem;
    bottom: 0px;
    right: 0px;
}

.admin_in {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 0 2.8125rem;
    box-sizing: border-box;
}

.admin_con {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: 2.5rem;
}

.admin_con_item {
    width: 100%;
    height: auto;
    /* display: flex; */
    /* flex-direction: row; */
    /* align-items: center; */
    /* justify-content: space-between; */
    margin-bottom: 1.625rem;
}

.admin_con_item div {
    width: 10.25rem;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    float: left;
    margin-right: 11.8125rem;
}

.admin_con_item div:last-child {
    margin-right: 0;
}

.admin_con_item div img {
    width: 100%;
}

.admin_con_item div span {
    font-size: 1.5rem;
    color: #333;
    font-weight: 500;
    margin-top: 1.5rem;
}

.ticket_con {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.ticket_con_item {
    width: 12.5rem;
    height: auto;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.ticket_con_item div {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.ticket_con_item img {
    width: 100%;
}

.ticket_con_item span {
    font-size: 1.3125rem;
    color: #333;
    display: block;
    margin-top: .625rem;
}

.promotionIndex_btn {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    justify-content: center;
    margin-top: 3.125rem;
}

.free {
    width: fit-content;
    height: auto;
    overflow: hidden;
    padding: .9375rem 2.6875rem;
    border-radius: 2.8125rem;
    max-width: 12.5rem;
    font-size: 1.125rem;
    color: #fff;
    font-weight: 500;
    cursor: pointer;
    /* margin: 0 auto; */
    /* margin-top: 50px; */
    background: linear-gradient( left, rgba(255, 166, 72, 1) 0%, rgba(255, 100, 48, 1) 100%);
    background: -webkit-linear-gradient( left, rgba(255, 166, 72, 1) 0%, rgba(255, 100, 48, 1) 100%);
    background: -o-linear-gradient( left, rgba(255, 166, 72, 1) 0%, rgba(255, 100, 48, 1) 100%);
    background: -ms-linear-gradient( left, rgba(255, 166, 72, 1) 0%, rgba(255, 100, 48, 1) 100%);
    background: -moz-linear-gradient( left, rgba(255, 166, 72, 1) 0%, rgba(255, 100, 48, 1) 100%);
}

.package {
    width: fit-content;
    height: auto;
    overflow: hidden;
    padding: .9375rem 2.6875rem;
    border-radius: 2.8125rem;
    max-width: 12.5rem;
    font-size: 1.125rem;
    color: #fff;
    font-weight: 500;
    cursor: pointer;
    /* margin: 0 auto; */
    margin-left: 1.5625rem;
    background: linear-gradient( left, rgba(254, 111, 169, 1) 0%, rgba(255, 77, 77, 1) 100%);
    background: -webkit-linear-gradient( left, rgba(254, 111, 169, 1) 0%, rgba(255, 77, 77, 1) 100%);
    background: -o-linear-gradient( left, rgba(254, 111, 169, 1) 0%, rgba(255, 77, 77, 1) 100%);
    background: -ms-linear-gradient( left, rgba(254, 111, 169, 1) 0%, rgba(255, 77, 77, 1) 100%);
    background: -moz-linear-gradient( left, rgba(254, 111, 169, 1) 0%, rgba(255, 77, 77, 1) 100%);
}
.package1 {
    width: fit-content;
    height: auto;
    overflow: hidden;
    padding: .9375rem 2.6875rem;
    border-radius: 2.8125rem;
    max-width: 12.5rem;
    font-size: 1.125rem;
    color: #fff;
    font-weight: 500;
    cursor: pointer;
    /* margin: 0 auto; */
    margin-left: 1.5625rem;
    background: linear-gradient( left, #C2CD4F 0%, #099955 100%);
    background: -webkit-linear-gradient( left, #C2CD4F 0%, #099955 100%);
    background: -o-linear-gradient( left, #C2CD4F 0%, #099955 100%);
    background: -ms-linear-gradient( left, #C2CD4F 0%, #099955 100%);
    background: -moz-linear-gradient( left, #C2CD4F 0%, #099955 100%);
}

.promotionIndex_btn a {
    color: #fff;
}