body, html {
    margin: 0;
    padding: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft JhengHei", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: #838483;
    height: 100%;
}

@media (max-width: 320px) {
    body, html {
        font-size: 14px;
    }
}

body {
    line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
    line-height: 1.2;
    font-weight: bold;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, p, ol, ul {
    margin-bottom: 0;
}

ol, ul {
    list-style: none;
}

ul {
    padding-left: 0;
}

a {
    text-decoration: none;
    font-weight: bold;
}

    a:hover {
        text-decoration: none;
    }

img {
    max-width: 100%;
    height: auto;
    display: block;
}


input[type="password"]::-ms-reveal {
    display: none;
}

input[type="password"]::-ms-clear {
    display: none;
}

input[type="password"]::-o-clear {
    display: none;
}

input:focus {
    outline: 0;
}

select {
    -webkit-appearance: none;
}

.nav-tabs .nav-link {
    color:#FFF;
}

@media (max-width: 1600px) {
    .mobileshow {
        display: none;
    }
	
	.listInner{
		min-height:480px;
	}

    .pcshow {
    }
}


@media (min-width: 701px) {
    .mobileshow {
        display: none;
    }

    .listInner {
        min-height: 480px;
    }

    .pcshow {
    }

    .travelItemTime {
        min-width: 100px;
        margin: 0 2.5px 0 5px;
        padding: 3px 5px;
        border-radius: 10px;
        background-color: #C2C2C2;
        color: #fff;
        text-align: center;
    }

    .travelItemTimeEmpty {
        min-width: 100px;
        margin: 0 2.5px 0 5px;
        padding: 3px 5px;
        text-align: center;
    }

    .travelItemCate {
        min-width: 60px;
        margin: 0 5px 0 0;
        padding: 3px 5px;
        border-radius: 10px;
        background-color: #6c757d;
        color: #fff;
        text-align: center;
    }

    .travelItemCateEmpty {
        min-width: 60px;
        margin: 0 5px 0 0;
        padding: 3px 5px;
        text-align: center;
    }

    .travelItemBorder {
        border: 0;
    }
}

@media (max-width: 700px) {
    .mobileshow {
        display: block;
    }

    .listInner {
        min-height: 450px;
    }

    .pcshow {
        display: none;
    }

    .travelItemTime {
        min-width: 110px;
        margin: 0 2.5px 0 5px;
        padding: 3px 5px;
        border-radius: 10px;
        background-color: #C2C2C2;
        color: #fff;
        text-align: center;
        font-size: 16px;
    }

    .travelItemTimeEmpty {
        min-width: 110px;
        margin: 0 2.5px 0 5px;
        padding: 3px 5px;
        text-align: center;
        font-size: 16px;
    }

    .travelItemCate {
        min-width: 60px;
        margin: 0 5px 0 0;
        padding: 3px 5px;
        border-radius: 10px;
        background-color: #6c757d;
        color: #fff;
        text-align: center;
        font-size: 16px;
    }

    .travelItemCateEmpty {
        min-width: 60px;
        margin: 0 5px 0 0;
        padding: 3px 5px;
        text-align: center;
    }

    .travelItemBorder {
        border-bottom: dotted #E0E0E0 2px;
    }
}

.headerOuter {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 999;
    background: linear-gradient(to right, #0DA693, #60BAA6);
    box-shadow: 0 0 10px rgba(128, 128, 128, 0.5);
}

@media (max-width: 992px) {
    .headerOuter {
        background: transparent;
        box-shadow: none;
    }
}

.phoneBarOuter {
    position: relative;
    width: 40px;
    height: 25px;
    cursor: pointer;
    display: none;
}

@media (max-width: 992px) {
    .phoneBarOuter {
        display: block;
    }
}

.phoneBarOuter .phoneBar.active {
    display: none;
}

.phoneBarOuter .phoneBar .line {
    height: 5px;
    width: 40px;
    background: linear-gradient(to right, #0DA693, #60BAA6);
    margin-bottom: 5px;
}

    .phoneBarOuter .phoneBar .line:last-child {
        margin-bottom: 0;
    }

.phoneBarOuter .cancelIcon {
    display: none;
    position: absolute;
    left: 20%;
    top: -2px;
    font-size: 30px;
    color: #fff;
}

    .phoneBarOuter .cancelIcon.active {
        display: block;
    }

.infoOuter {
    display: flex;
    align-items: center;
}

    .infoOuter .languageSelectOuter {
        position: relative;
        width: 75px;
        margin-right: 20px;
        font-weight: 600;
        letter-spacing: 1px;
        cursor: pointer;
        z-index: 99;
        order: 2;
    }

@media (max-width: 992px) {
    .infoOuter .languageSelectOuter {
        order: 1;
    }
}

.infoOuter .selectTrigger {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 5px;
    background-color: transparent;
    border: 2px solid #fff;
    color: #fff;
}

@media (max-width: 992px) {
    .infoOuter .selectTrigger {
        background-color: #BEE3DB;
        border: 2px solid #05AFAF;
        color: #05AFAF;
    }

    .infoOuter .arrowDown {
        display: block;
    }

    .infoOuter .deskArrowDown {
        display: none;
    }
}

.infoOuter .arrowDown, .infoOuter .deskArrowDown {
    width: 10px;
    margin-right: 5px;
}

.infoOuter .arrowDown {
    display: none;
}

.infoOuter .options {
    position: absolute;
    padding: 0 5px;
    border: 2px solid #fff;
    border-top: none;
    width: 100%;
    background: linear-gradient(to right, #0DA693, #60BAA6);
    display: none;
}

@media (max-width: 992px) {
    .infoOuter .options {
        border: 2px solid #05AFAF;
        border-top: none;
        background: #BEE3DB;
    }
}

.infoOuter .options li {
    border-bottom: 1px solid #05AFAF;
    color: #fff;
    margin-bottom: 2px;
    cursor: pointer;
    padding: 0;
}

@media (max-width: 992px) {
    .infoOuter .options li {
        color: #05AFAF;
    }
}

.infoOuter .options li:hover, .infoOuter .options li:active {
    color: #047d7d;
}

.infoOuter .options li:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.infoOuter .memberImg {
    background-color: #fff;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 20px;
    order: 1;
}

@media (max-width: 992px) {
    .infoOuter .memberImg {
        order: 2;
        margin-right: 0;
    }
}

.infoOuter .memberImg .userIcon {
    width: 20px;
}

.deskMenu {
    display: flex;
}

@media (max-width: 992px) {
    .deskMenu {
        display: none;
    }
}

.deskMenu a {
    display: block;
    padding: 20px 20px;
    margin-bottom: -20px;
    margin-top: -20px;
    font-size: 18px;
    letter-spacing: 1px;
}

    .deskMenu a:hover {
        color: #06d7d7;
    }

    .deskMenu a:last-child {
        padding-right: 0;
    }

.navbarOuter {
    position: absolute;
    left: 0;
    top: 65px;
    border-radius: 0 0 50px 50px;
    background: linear-gradient(to right, #0DA693, #60BAA6);
    width: 100%;
    padding: 0 20px 30px 20px;
    display: none;
    max-height: 290px;
    overflow-y: auto;
    box-shadow: 0 -5px 20px -15px inset #225944;
}

@media (max-width: 430px) {
    .navbarOuter {
        max-height: 406px;
    }
}

.navbarOuter a {
    display: block;
    padding: 10px 20px 10px 20px;
    margin-left: -20px;
    margin-right: -20px;
    letter-spacing: 2px;
}

    .navbarOuter a:hover, .navbarOuter a:active, .navbarOuter a.active {
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
        color: #fff;
    }

.contentOuter {
    background-image: url(../img/img1.png);
    background-repeat: repeat;
    background-size: contain;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 100%;
    padding-top: 0px;
}

@media (max-width: 992px) {
    .contentOuter {
        padding-top: 0;
    }
}

.welCome {
    letter-spacing: 2px;
    font-size: 18px;
    position: relative;
    z-index: 99;
    padding-bottom: 60px;
}

    .welCome .logo {
        background-color: #fff;
        width: 120px;
        height: 120px;
        margin: 0 auto;
        border-radius: 50%;
        margin-top: -60px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 20px;
    }

        .welCome .logo img {
            width: 75px;
        }

    .welCome .title {
        color: #fff;
        text-align: center;
        margin-bottom: 30px;
    }

    .welCome .formOuter {
        max-width: 320px;
        margin: 0 auto;
    }

    .privacyformOuter {
        max-width:90%;
        margin: 0 auto;
    }

@media (max-width: 320px) {
    .welCome .formOuter {
        max-width: 280px;
    }

    privacyformOuter {
        max-width: 280px;
    }
}

.welCome .formOuter input {
    margin-bottom: 20px;
    padding: 10px 30px 10px 72px;
}

.welCome .formOuter .verifyCodeInput {
    padding-left: 95px;
}

.welCome .formOuter .passwordCheckInput {
    padding-left: 110px;
    padding-right: 55px;
}

.welCome .formOuter .passwordInput {
    padding-right: 55px;
}

.welCome .inputOuter {
    position: relative;
}

    .welCome .inputOuter label {
        position: absolute;
        left: 20px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        color: #05AFAF;
        font-weight: 600;
    }

    .welCome .inputOuter input::-webkit-input-placeholder {
        color: grey;
        font-size: 14px;
    }

    .welCome .inputOuter input::-moz-placeholder {
        color: grey;
        font-size: 14px;
    }

    .welCome .inputOuter input:-ms-input-placeholder {
        color: grey;
        font-size: 14px;
    }

    .welCome .inputOuter input::-ms-input-placeholder {
        color: grey;
        font-size: 14px;
    }

    .welCome .inputOuter input::placeholder {
        color: grey;
        font-size: 14px;
    }

    .welCome .inputOuter .icons {
        position: absolute;
        right: 20px;
        top: 32px;
        height: 30px;
        width: 30px;
       -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        border: 1px solid;
        display: flex;
        justify-content: center;
        align-items: center;
        background: linear-gradient(to right, #0DA693, #60BAA6);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }

    .welCome .inputOuter .eye, .welCome .inputOuter .checkEye {
        display: none;
    }

        .welCome .inputOuter .eye.active, .welCome .inputOuter .checkEye.active {
            display: block;
        }

    .welCome .inputOuter .unEye, .welCome .inputOuter .unCheckEye {
        display: block;
    }

        .welCome .inputOuter .unEye.active, .welCome .inputOuter .unCheckEye.active {
            display: none;
        }

.welCome .verifyCode {
    width: 120px;
    margin-bottom: 20px;
    padding-left: 20px;
}

@media (max-width: 320px) {
    .welCome .verifyCode {
        padding-left: 10px;
    }
}

.welCome .termsOuter {
    color: #fff;
    font-size: 16px;
    display: flex;
    justify-content: space-between;
    width: 280px;
    margin: 0 auto;
}

@media (max-width: 320px) {
    .welCome .termsOuter {
        width: 260px;
    }
}

.welCome .termsOuter input {
    padding: 0;
}

.welCome .terms {
    text-decoration: underline;
}

    .welCome .terms:active, .welCome .terms:hover {
        color: #06d7d7;
    }

.welCome .loginBtnOuter, .welCome .registerBtnOuter {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

    .welCome .loginBtnOuter .loginBtn, .welCome .loginBtnOuter .registerBtn, .welCome .registerBtnOuter .loginBtn, .welCome .registerBtnOuter .registerBtn {
        background-color: #3EA37C;
        border-radius: 99rem;
        color: #fff;
        border: none;
        padding: 8px 0;
        font-weight: 600;
        letter-spacing: 2px;
        width: 200px;
        transition: 0.5s;
        margin-bottom: 20px;
    }

        .welCome .loginBtnOuter .loginBtn:active, .welCome .loginBtnOuter .loginBtn:hover, .welCome .loginBtnOuter .registerBtn:active, .welCome .loginBtnOuter .registerBtn:hover, .welCome .registerBtnOuter .loginBtn:active, .welCome .registerBtnOuter .loginBtn:hover, .welCome .registerBtnOuter .registerBtn:active, .welCome .registerBtnOuter .registerBtn:hover {
            background-color: #37916e;
        }

.welCome .links {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
}

    .welCome .links li {
        margin-right: 20px;
    }

        .welCome .links li:last-child {
            margin-right: 0;
        }

    .welCome .links a:active, .welCome .links a:hover {
        color: #06d7d7;
    }

.welCome .socal {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

    .welCome .socal li {
        background-color: #fff;
        border-radius: 50%;
        width: 45px;
        height: 45px;
        margin-right: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 25px;
    }

        .welCome .socal li:hover {
            background: linear-gradient(to right, #0DA693, #60BAA6);
            border: 1px solid #fff;
        }

            .welCome .socal li:hover i {
                color: #fff;
            }

        .welCome .socal li:last-child {
            margin-right: 0;
        }

        .welCome .socal li i {
            background: linear-gradient(to right, #0DA693, #60BAA6);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            margin-left: 2px;
        }

.welComeOuter {
    border-radius: 50px 50px 0 0;
    background: linear-gradient(to right, #0DA693, #60BAA6);
    margin-top: 100px;
    width: 100%;
}

    .welComeOuter .waveImgOuter {
        position: relative;
    }

.mainOuter {
    border-radius: 50px 50px 0 0;
    background: linear-gradient(to right, #0DA693, #60BAA6);
    position: relative;
}

.waveImg {
    width: 100%;
    background: linear-gradient(to right, #0DA693, #60BAA6);
    position: absolute;
    bottom: 0;
    left: 0;
}

.copyRight {
    position: absolute;
    width: 100%;
    color: #fff;
    bottom: 0;
    text-align: center;
    background: linear-gradient(to right, #0DA693, #60BAA6);
}

@media (max-width: 320px) {
    .copyRight {
        font-size: 14px;
    }
}

.commonOuter {
    margin-top: 80px;
    border-radius: 50px 50px 0 0;
    background: linear-gradient(to right, #0DA693, #60BAA6);
    position: relative;
}

@media (max-width: 500px) {
    .commonOuter {
        height: calc(100vh - 80px);
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
}

.search {
    padding: 40px 20px 20px 20px;
    letter-spacing: 1px;
    height: 100%;
    position: relative;
    z-index: 99;
}

    .search .title {
        text-align: center;
        color: #fff;
        margin-bottom: 30px;
        letter-spacing: 2px;
    }

    .search .formOuter input {
        margin-bottom: 20px;
        padding: 10px 30px 10px 65px;
    }

    .search .formOuter .telInput, .search .formOuter .emailInput {
        padding-left: 100px;
    }

    .search .inputOuter {
        position: relative;
    }

        .search .inputOuter label {
            position: absolute;
            left: 20px;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            color: #05AFAF;
            font-weight: 600;
        }

    .search .btnsOuter {
        display: flex;
        justify-content: center;
    }

        .search .btnsOuter input {
            background-color: #3EA37C;
            color: #fff;
            text-align: center;
            padding: 8px 0;
            margin-right: 20px;
            width: calc(100% / 2);
            border-radius: 99rem;
            border: none;
            font-weight: 600;
            letter-spacing: 2px;
            transition: 0.5s;
            margin-bottom: 0;
        }

            .search .btnsOuter input:active, .search .btnsOuter input:hover {
                background-color: #37916e;
            }

            .search .btnsOuter input:last-child {
                margin-right: 0;
            }

.settleOuter {
    margin-top: 80px;
    border-radius: 50px 50px 0 0;
    background: linear-gradient(to right, #0DA693, #60BAA6);
    position: relative;
}

@media (max-width: 500px) {
    .settleOuter {
        height: calc(100vh - 80px);
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
}

@media (max-width: 320px) {
    .settleOuter {
        height: calc(100vh - 40px);
    }
}

.settle {
    padding: 40px 20px 20px 20px;
    height: 100%;
    position: relative;
    z-index: 99;
}

    .settle label, .listContent label, .addGroupInner label {
        letter-spacing: 1px;
    }

    .settle .itinerary, .settle .openGroup, .listContent .itinerary, .listContent .openGroup, .addGroupInner .itinerary, .addGroupInner .openGroup {
        color: #fff;
        font-weight: 600;
        margin-bottom: 10px;
    }

    .settle .itineraryInput, .settle .openGroupInput, .listContent .itineraryInput, .listContent .openGroupInput, .addGroupInner .itineraryInput, .addGroupInner .openGroupInput {
        display: flex;
        align-items: center;
        margin-bottom: 20px;
    }

    .settle .inputWrap, .listContent .inputWrap, .addGroupInner .inputWrap {
        position: relative;
        display: flex;
        flex: 1;
    }

        .settle .inputWrap input::-webkit-input-placeholder, .listContent .inputWrap input::-webkit-input-placeholder, .addGroupInner .inputWrap input::-webkit-input-placeholder {
            color: #05AFAF;
            font-weight: 600;
        }

@media (max-width: 320px) {
    .settle .inputWrap input::-webkit-input-placeholder, .listContent .inputWrap input::-webkit-input-placeholder, .addGroupInner .inputWrap input::-webkit-input-placeholder {
        font-size: 12px;
    }
}

.settle .inputWrap input::-moz-placeholder, .listContent .inputWrap input::-moz-placeholder, .addGroupInner .inputWrap input::-moz-placeholder {
    color: #05AFAF;
    font-weight: 600;
}

@media (max-width: 320px) {
    .settle .inputWrap input::-moz-placeholder, .listContent .inputWrap input::-moz-placeholder, .addGroupInner .inputWrap input::-moz-placeholder {
        font-size: 12px;
    }
}

.settle .inputWrap input::-ms-input-placeholdercolor, .listContent .inputWrap input::-ms-input-placeholdercolor, .addGroupInner .inputWrap input::-ms-input-placeholdercolor {
    color: #05AFAF;
    font-weight: 600;
}

@media (max-width: 320px) {
    .settle .inputWrap input::-ms-input-placeholdercolor, .listContent .inputWrap input::-ms-input-placeholdercolor, .addGroupInner .inputWrap input::-ms-input-placeholdercolor {
        font-size: 12px;
    }
}

.settle .symbol, .listContent .symbol, .addGroupInner .symbol {
    background-color: #fff;
    width: 20px;
    height: 2px;
    margin: 0 8px;
}

.settle .calendarImg, .listContent .calendarImg, .addGroupInner .calendarImg {
    position: absolute;
    width: 20px;
    right: 26px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media (max-width: 360px) {
    .settle .calendarImg, .listContent .calendarImg, .addGroupInner .calendarImg {
        width: 14px;
    }
}

.settle .inputOuter, .listContent .inputOuter, .addGroupInner .inputOuter {
    position: relative;
    margin-bottom: 20px;
}

    .settle .inputOuter label, .listContent .inputOuter label, .addGroupInner .inputOuter label {
        position: absolute;
        left: 20px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        color: #05AFAF;
        font-weight: 600;
        letter-spacing: 1px;
    }

    .settle .inputOuter input, .listContent .inputOuter input, .addGroupInner .inputOuter input {
        padding-left: 90px;
        padding-right: 30px;
    }

.settle .selectOuter, .listContent .selectOuter, .addGroupInner .selectOuter {
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("../img/img3.png");
    background-repeat: no-repeat;
    background-position: right 25px center;
    background-size: 15px;
    font-weight: 600;
    color: #05AFAF;
    margin-bottom: 20px;
    letter-spacing: 1px;
    padding-left: 12px;
}

.settle .btnsOuter, .listContent .btnsOuter, .addGroupInner .btnsOuter {
    display: flex;
    justify-content: center;
    position: relative;
}

    .settle .btnsOuter input, .listContent .btnsOuter input, .addGroupInner .btnsOuter input {
        /*background-color: #3EA37C;*/
        /*background-color: #FFC107 ;*/
        color: #fff;
        text-align: center;
        padding: 8px 0;
        margin-right: 20px;
        width: calc(100% / 2);
        border-radius: 99rem;
        border: none;
        font-weight: 600;
        letter-spacing: 2px;
        transition: 0.5s;
        margin-bottom: 0;
    }

        .settle .btnsOuter input:active, .settle .btnsOuter input:hover, .listContent .btnsOuter input:active, .listContent .btnsOuter input:hover, .addGroupInner .btnsOuter input:active, .addGroupInner .btnsOuter input:hover {
            background-color: #37916e;
        }

        .settle .btnsOuter input:last-child, .listContent .btnsOuter input:last-child, .addGroupInner .btnsOuter input:last-child {
            margin-right: 0;
        }

.flatpickr-monthDropdown-months {
    -webkit-appearance: none !important;
}

.flatpickr-day.selected {
    background: linear-gradient(to right, #0DA693, #60BAA6);
}

.flatpickr-prev-month, .flatpickr-next-month {
    display: flex;
    align-items: center;
}

    .flatpickr-prev-month img, .flatpickr-next-month img {
        width: 24px;
    }

.flatpickr-monthDropdown-months, .numInput {
    font-weight: 600 !important;
    color: #606060 !important;
}

.flatpickr-day.selected:hover {
    background: linear-gradient(to right, #0DA693, #60BAA6);
}

.sectionsContent {
    justify-content: space-between;
}

.swiperOuter {
    position: relative;
    padding: 20px 20px 20px 20px;
    font-weight: 600;
}

@media (max-width: 320px) {
    .swiperOuter {
        padding-top: 20px;
    }
}

.swiperOuter .swiper-wrapper {
    margin-bottom: 10px;
}

.swiperOuter a {
    padding: 15px 0 0 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #fff;
    border-radius: 20px;
    height: 105px;
    transition: 0.5s;
}

@media (max-width: 393px) {
    .swiperOuter a {
        padding: 15px 10px 0 10px;
    }
}

@media (max-width: 320px) {
    .swiperOuter a {
        padding-left: 20px;
        height: 100px;
    }
}

.swiperOuter a:hover, .swiperOuter a:active {
    background: linear-gradient(to right, #0DA693, #60BAA6);
}

    .swiperOuter a:hover .text, .swiperOuter a:active .text {
        color: #fff;
    }

    .swiperOuter a:hover .whiteImg, .swiperOuter a:active .whiteImg {
        display: block;
    }

    .swiperOuter a:hover .blackImg, .swiperOuter a:active .blackImg {
        display: none;
    }

.swiperOuter .swiper-pagination-bullet {
    width: 24px;
    height: 8px;
    background: linear-gradient(to right, #0f8073, #13836a);
    border-radius: 10px;
    transition: all 0.3s;
}

.swiperOuter .swiper-pagination-bullet-active {
    width: 8px;
    height: 8px;
    background: linear-gradient(to right, #0DA693, #60BAA6);
    border-radius: 50%;
}

.swiperOuter .imgOuter {
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiperOuter .blackImg, .swiperOuter .whiteImg {
    width: 100%;
    margin-bottom: 15px;
}

.swiperOuter .whiteImg {
    display: none;
}

.swiperOuter .text {
    color: #838483;
    line-height: 20px;
}

.newsOuter {
    overflow: hidden;
    border-radius: 50px 50px 0 0;
    background: linear-gradient(to right, #0DA693, #60BAA6);
    position: relative;
    margin: 0 3%;
}

    .newsOuter .news {
        padding: 20px;
        min-height: calc(100vh - 406px);
        position: relative;
        z-index: 99;
    }

@media (max-width: 320px) {
    .newsOuter .news {
        min-height: calc(100vh - 320px);
    }

    .newsOuter {
        margin: 0px;
    }
}

@media (max-width: 500px) {
    .newsOuter {
        margin: 0px;
    }
}

.newsOuter .title {
    text-align: center;
    margin-bottom: 20px;
    color: #fff;
}

.newsOuter .newsList {
    background-color: #fff;
    border-radius: 0 0 20px 20px;
    padding: 20px;
    height: calc(100vh - 238px);
    overflow-y: auto;
}

@media (max-width: 500px) {
    .newsOuter .newsList {
        height: calc(100vh - 490px);
    }
}

@media (max-width: 320px) {
    .newsOuter .newsList {
        height: calc(100vh - 403px);
    }
}

.newsOuter .newsList::-webkit-scrollbar {
    width: 8px;
    background: linear-gradient(to right, #0DA693, #60BAA6);
    border-radius: 5px;
}

.newsOuter .newsList::-webkit-scrollbar-thumb {
    background-color: #fff;
    border-radius: 10px;
}

.newsOuter .time {
    color: #3EA37C;
    font-size: 14px;
}

.newsOuter .text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.newsOuter .moreLinkOuter {
    display: flex;
    justify-content: flex-end;
}

.newsOuter .moreLink {
    color: #3EA37C;
    font-size: 14px;
    display: block;
    position: relative;
    padding: 5px 0;
}

    .newsOuter .moreLink::after {
        content: "";
        position: absolute;
        height: 1px;
        width: 100px;
        background-color: #3EA37C;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 70px;
    }

.paginationOuter {
    position: relative;
    z-index: 99;
    display: flex;
    justify-content: space-between;
    padding: 0 20px 20px 20px;
    color: #fff;
    font-weight: 600;
}

    .paginationOuter .pagination {
        display: block;
    }

    .paginationOuter .paginationText {
        margin-bottom: 5px;
    }

        .paginationOuter .paginationText span {
            margin: 0 2px;
        }

    .paginationOuter .paginationBtn {
        display: flex;
        align-items: center;
    }

    .paginationOuter .PreBtn, .paginationOuter .nextBtn {
        border-radius: 8px;
        background-color: #fff;
        padding: 2px 15px;
        color: #05AFAF;
        font-size: 14px;
        cursor: pointer;
    }

        .paginationOuter .PreBtn:hover, .paginationOuter .nextBtn:hover {
            background-color: #05AFAF;
            color: #fff;
        }

    .paginationOuter .num {
        margin: 0 15px;
        font-size: 18px;
    }

    .paginationOuter .selectOuter {
        cursor: pointer;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        background-image: url("../img/img3.png");
        background-repeat: no-repeat;
        background-position: right 8px center;
        background-size: 10px;
        font-weight: 600;
        color: #05AFAF;
        letter-spacing: 2px;
        padding-left: 12px;
        padding: 0 20px 0 15px;
    }

.situationOuter {
    /*margin-top: 80px;*/
    margin: 80px 3% 0 3%;
    border-radius: 50px 50px 0 0;
    background: linear-gradient(to right, #0DA693, #60BAA6);
    position: relative;
}

@media (max-width: 500px) {
    .situationOuter {
        /*height: calc(100vh - 80px);*/
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin: 40px 0;
    }
}

@media (max-width: 320px) {
    .situationOuter {
        height: auto;
        margin: 40px 0;
    }
}

.situation {
    padding: 20px 20px;
    position: relative;
    z-index: 99;
}

@media (max-width: 320px) {
    .situation {
        padding: 20px 5px;
    }
}

.situation .calendarOuter {
    margin-bottom: 20px;
    position: relative;
}

.situation .calendar {
    position: relative;
    z-index: 70;
}

.situation .flatpickr-calendar {
    width: 70%;
    position: relative;
    box-shadow: none;
    background: transparent;
    margin: 0 auto;
}

@media (max-width: 500px) {
    .situation .flatpickr-calendar {
        width: 100%;
    }
}

.situation .flatpickr-calendar::before, .situation .flatpickr-calendar::after {
    display: none !important;
}

.situation .flatpickr-rContainer {
    background-color: #fff;
    border-radius: 15px;
    padding: 20px 30px;
    margin: 0 auto;
    height: 365px;
}

@media (max-width: 393px) {
    .situation .flatpickr-rContainer {
        padding: 20px;
    }
}

@media (max-width: 384px) {
    .situation .flatpickr-rContainer {
        padding: 15px;
        height: 350px;
    }
}

@media (max-width: 375px) {
    .situation .flatpickr-rContainer {
        padding: 10px;
    }
}

@media (max-width: 360px) {
    .situation .flatpickr-rContainer {
        padding: 10px 5px;
    }
}

@media (max-width: 320px) {
    .situation .flatpickr-rContainer {
        padding: 10px 0;
        height: 340px;
    }
}

.situation .flatpickr-months {
    padding-bottom: 20px;
}

.situation .flatpickr-monthDropdown-months, .situation .flatpickr-current-month input.cur-year {
    color: #fff !important;
}

    .situation .flatpickr-monthDropdown-months option {
        color: #05AFAF;
        background-color: #fff;
    }

.situation .flatpickr-weekday {
    margin: 4px 4px 10px 4px;
    color: #05AFAF;
}

.situation .flatpickr-weekdaycontainer {
    border-bottom: 2px solid #05AFAF;
}

.situation .flatpickr-weekdays {
    height: 35px;
}

    .situation .flatpickr-weekdays .flatpickr-weekday {
        position: relative;
    }

.situation .flatpickr-weekday:not(:last-child)::after {
    content: "";
    position: absolute;
    right: -2px;
    top: 0;
    height: 29px;
    width: 1px;
    background-color: #05AFAF;
}

.situation .flatpickr-day {
    max-width: 42px;
    position: relative;
    border-color: transparent;
    color: #05AFAF;
}

    .situation .flatpickr-day.selected {
        background: transparent;
        border-color: transparent;
        color: #05AFAF;
    }

    .situation .flatpickr-day.nextMonthDay {
        color: rgba(57, 57, 57, 0.3);
    }

    .situation .flatpickr-day:not(:nth-child(7n))::after {
        content: "";
        position: absolute;
        right: 0;
        top: -5px;
        height: 50px;
        width: 1px;
        background-color: #05AFAF;
    }

    .situation .flatpickr-day:not(:nth-last-child(-n+7))::before {
        content: "";
        position: absolute;
        left: 0;
        bottom: -1px;
        height: 1px;
        width: 100px;
        background-color: #05AFAF;
    }

.situation .circle {
    color: #fff;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    display: inline-block;
    text-align: center;
    line-height: 25px;
}

.situation .groupCar {
    background: linear-gradient(to right, #0DA693, #60BAA6);
}

.situation .groupCarText {
    color: #05AFAF;
}

.situation .unDispatchCar {
    background: linear-gradient(to right, #FD0D06, #F1662E);
}

.situation .unDispatchCarText {
    color: #FF0000;
}

.situation .rentalCar {
    background: linear-gradient(to right, #000FF6, #0061C6);
}

.situation .rentalCarText {
    color: #115BFF;
}

.situation .shuttle {
    background: linear-gradient(to right, #F69021, #EF7B33);
}

.situation .shuttleText {
    color: #FC7200;
}

.situation .requireOrder {
    background-color: #606060;
}

.situation .requireOrderText {
    color: #606060;
}

.situation .status {
    position: absolute;
    /*left: 53%;*/
    /*-webkit-transform: translateX(-40%);*/
    /*transform: translateX(-40%);*/
    bottom: 0;
    display: flex;
    flex-wrap: wrap;
}

@media (max-width: 600px) {
    .situation .status {
        /*left: 42%;*/
        bottom: 3%;
    }
}

@media (max-width: 500px) {
    .situation .status {
        /*left: 13%;*/
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@media (max-width: 414px) {
    .situation .status {
        /*left: 5%;*/
    }
}

@media (max-width: 393px) {
    .situation .status {
        /*left: 5%;*/
    }
}

.situation .status li {
    margin-right: 30px;
    display: flex;
    align-items: center;
    /*width: calc(100% / 3);*/
}

@media (max-width: 600px) {
    .situation .status li {
        width: auto;
    }
}

.situation .status li:nth-child(4) {
    /*margin-right: 14px;*/
    /*width: 50%;*/
}

@media (max-width: 600px) {
    .situation .status li:nth-child(4) {
        width: auto;
    }
}

.situation .status .statusCircle {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin-right: 5px;
}

.situation .status p {
    font-weight: 600;
}

.situation .detail {
    background-color: #fff;
    border-radius: 15px;
    padding: 20px;
    color: #05AFAF;
    /*height: calc(100vh - 195px);*/
    overflow-y: auto;
}

@media (max-width: 500px) {
    .situation .detail {
        /*height: calc(100vh - 560px);*/
    }
}

@media (max-width: 384px) {
    .situation .detail {
        /* height: calc(100vh - 545px);*/
        padding: 15px;
    }
}

@media (max-width: 375px) {
    .situation .detail {
        padding: 10px;
    }
}

@media (max-width: 320px) {
    .situation .detail {
        /* height: calc(100vh - 400px);*/
    }
}

.situation .detail::-webkit-scrollbar {
    width: 8px;
    background: linear-gradient(to right, #0DA693, #60BAA6);
    border-radius: 5px;
}

.situation .detail::-webkit-scrollbar-thumb {
    background-color: #fff;
    border-radius: 10px;
}

.situation .detail li {
    display: flex;
    margin-bottom: 10px;
    align-items: flex-start;
}

    .situation .detail li:last-child {
        margin-bottom: 0;
    }

.situation .detail .circle {
    width: 15px;
    height: 15px;
    margin-top: 6px;
    margin-right: 20px;
}

.situation .detail .content {
    flex: 1;
    word-break: break-all;
}

.listOuter .title, .addGroupOuter .title, .situationOuter .title {
    text-align: center;
    color: #05AFAF;
    letter-spacing: 2px;
    padding-top: 20px;
}

.listOuter .listInner, .listOuter .addGroupInner, .addGroupOuter .listInner, .addGroupOuter .addGroupInner {
    margin: 20px 3% 0 3%;
    border-radius: 50px 50px 0 0;
    background: linear-gradient(to right, #0DA693, #60BAA6);
    position: relative;
}

@media (max-width: 500px) {
    .listOuter .listInner, .listOuter .addGroupInner, .addGroupOuter .listInner, .addGroupOuter .addGroupInner {
        /*height: calc(100vh - 120px);*/
        min-height: 200px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin: 0;
    }
}

@media (max-width: 320px) {
    .listOuter .listInner, .listOuter .addGroupInner, .addGroupOuter .listInner, .addGroupOuter .addGroupInner {
        height: auto;
        margin: 0;
    }
}

.listOuter .listContent, .listOuter .addGroupContent, .addGroupOuter .listContent, .addGroupOuter .addGroupContent {
    padding: 20px;
    position: relative;
    z-index: 200
}

.listOuter .subtitle, .addGroupOuter .subtitle {
    text-align: center;
    color: #fff;
    margin-bottom: 20px;
    letter-spacing: 2px;
}

.listOuter .formOuter, .addGroupOuter .formOuter {
    margin-bottom: 25px;
}

.listOuter .inputWrap, .addGroupOuter .inputWrap {
    margin-right: 20px;
}

    .listOuter .inputWrap:last-child, .addGroupOuter .inputWrap:last-child {
        margin-right: 0;
    }

@media (max-width: 320px) {
    .listOuter .inputWrap input::-webkit-input-placeholder, .addGroupOuter .inputWrap input::-webkit-input-placeholder {
        font-size: 12px;
    }
}

@media (max-width: 320px) {
    .listOuter .inputWrap input::-moz-placeholder, .addGroupOuter .inputWrap input::-moz-placeholder {
        font-size: 12px;
    }
}

@media (max-width: 320px) {
    .listOuter .inputWrap input::-ms-input-placeholdercolor, .addGroupOuter .inputWrap input::-ms-input-placeholdercolor {
        font-size: 12px;
    }
}

.listOuter .inputsOuter, .addGroupOuter .inputsOuter {
    display: flex;
    flex-wrap: wrap;
}

    .listOuter .inputsOuter li, .addGroupOuter .inputsOuter li {
        width: calc(100% / 2 - 10px);
        margin-right: 20px;
        margin-bottom: 20px;
    }

        .listOuter .inputsOuter li:nth-child(2n+2), .addGroupOuter .inputsOuter li:nth-child(2n+2) {
            margin-right: 0;
        }

.listOuter .selectOuter, .addGroupOuter .selectOuter {
    letter-spacing: 1px;
    margin-bottom: 0;
    cursor: pointer;
}

@media (max-width: 320px) {
    .listOuter .selectOuter, .addGroupOuter .selectOuter {
        font-size: 12px;
    }
}

.listOuter .addMoreOuter, .addGroupOuter .addMoreOuter {
    border: 1px solid;
}

.listOuter .addMore, .addGroupOuter .addMore {
    border-bottom: 1px solid #fff;
    display: inline-block;
    padding: 5px 2px;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
    letter-spacing: 2px;
}

    .listOuter .addMore:hover, .addGroupOuter .addMore:hover {
        color: #06d7d7;
    }

    .listOuter .addMore span, .addGroupOuter .addMore span {
        vertical-align: middle;
    }

.listOuter .plus, .addGroupOuter .plus {
    margin-right: 8px;
    font-size: 12px;
}

.listOuter .btnsOuter, .addGroupOuter .btnsOuter {
    width: 300px;
    margin: 0 auto;
}

@media (max-width: 360px) {
    .listOuter .btnsOuter, .addGroupOuter .btnsOuter {
        width: 250px;
    }
}

.listOuter .resultOuter, .addGroupOuter .resultOuter {
    position: relative;
    width: 100%;
}

.listOuter .resultSelectOuter, .addGroupOuter .resultSelectOuter {
    position: absolute;
    top: -45px;
    right: 0;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    color: #fff;
    width: 125px;
    z-index: 88;
}

@media (max-width: 600px) {
    .listOuter .resultSelectOuter, .addGroupOuter .resultSelectOuter {
        right: -10px;
    }
}

@media (max-width: 320px) {
    .listOuter .resultSelectOuter, .addGroupOuter .resultSelectOuter {
        font-size: 12px;
        width: 110px;
    }
}

.listOuter .selectTrigger, .addGroupOuter .selectTrigger {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2px 4px;
    border: 2px solid #fff;
}

.listOuter .arrowDown, .addGroupOuter .arrowDown {
    width: 10px;
}

.listOuter .options, .addGroupOuter .options {
    padding: 2px 4px;
    border: 2px solid #3EA37C;
    border-top: none;
    width: 100%;
    background-color: #fff;
    color: #3EA37C;
    display: none;
}

    .listOuter .options li, .addGroupOuter .options li {
        border-bottom: 1px solid #3EA37C;
        margin-bottom: 2px;
        cursor: pointer;
        padding: 2px;
    }

        .listOuter .options li:hover, .listOuter .options li:active, .addGroupOuter .options li:hover, .addGroupOuter .options li:active {
            color: #225944;
        }

        .listOuter .options li:last-child, .addGroupOuter .options li:last-child {
            border-bottom: none;
            margin-bottom: 0;
            padding-bottom: 0;
        }

.listOuter .resultList, .addGroupOuter .resultList {
    letter-spacing: 1px;
    font-weight: 600;
    /*height: calc(100vh - 135px);*/
    overflow-y: auto;
    word-break: break-all;
    position: relative;
    z-index: 77;
}

@media (max-width: 500px) {
    .listOuter .resultList, .addGroupOuter .resultList {
        /*height: calc(100vh - 535px);*/
    }
}

@media (max-width: 320px) {
    .listOuter .resultList, .addGroupOuter .resultList {
        /*height: calc(100vh - 327px);*/
    }
}

.listOuter .resultList::-webkit-scrollbar, .addGroupOuter .resultList::-webkit-scrollbar {
    width: 8px;
    background: linear-gradient(to right, #0DA693, #60BAA6);
    border-radius: 5px;
}

.listOuter .resultList::-webkit-scrollbar-thumb, .addGroupOuter .resultList::-webkit-scrollbar-thumb {
    background-color: #fff;
    border-radius: 10px;
}

.listOuter .resultList > li, .addGroupOuter .resultList > li {
    padding: 20px;
    background-color: #fff;
    border-radius: 20px;
    margin-bottom: 20px;
}

.listOuter .resultList .list, .addGroupOuter .resultList .list {
    display: flex;
    flex-wrap: wrap;
}

    .listOuter .resultList .list li, .addGroupOuter .resultList .list li {
        width: calc(100% / 2 - 10px);
        margin-right: 20px;
        margin-bottom: 10px;
    }

        .listOuter .resultList .list li:nth-child(2n+2), .addGroupOuter .resultList .list li:nth-child(2n+2) {
            margin-right: 0;
        }

    .listOuter .resultList .list .smallTitle, .addGroupOuter .resultList .list .smallTitle {
        color: #3EA37C;
        font-size: 14px;
    }

    .listOuter .resultList .list .text, .addGroupOuter .resultList .list .text {
        border-bottom: 1px solid #838483;
    }

.detailOuter {
    padding: 80px 20px 20px 20px;
}

    .detailOuter .detailMenu {
        display: flex;
        align-items: center;
    }

        .detailOuter .detailMenu li {
            width: calc(100% / 3 - 5px);
            margin-right: 10px;
        }

            .detailOuter .detailMenu li:last-child {
                margin-right: 0;
            }

        .detailOuter .detailMenu a {
            display: block;
            padding: 15px;
            background-color: #fff;
            border-radius: 20px;
        }

            .detailOuter .detailMenu a:hover, .detailOuter .detailMenu a:active {
                background: linear-gradient(to right, #0DA693, #60BAA6);
            }

                .detailOuter .detailMenu a:hover .text, .detailOuter .detailMenu a:active .text {
                    color: #fff;
                }

                .detailOuter .detailMenu a:hover .whiteImg, .detailOuter .detailMenu a:active .whiteImg {
                    display: block;
                }

                .detailOuter .detailMenu a:hover .blackImg, .detailOuter .detailMenu a:active .blackImg {
                    display: none;
                }

        .detailOuter .detailMenu .imgOuter {
            width: 30px;
            height: 30px;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-bottom: 5px;
        }

        .detailOuter .detailMenu .blackImg, .detailOuter .detailMenu .whiteImg {
            width: 100%;
        }

        .detailOuter .detailMenu .whiteImg {
            display: none;
        }

        .detailOuter .detailMenu .text {
            color: #838483;
        }

.detailContentOuter {
    overflow: hidden;
    border-radius: 50px 50px 0 0;
    background: linear-gradient(to right, #0DA693, #60BAA6);
    position: relative;
}

.detailContent {
    padding: 30px 20px 0 20px;
    word-break: break-all;
    overflow-y: auto;
    height: 100vh;
}

@media (max-width: 500px) {
    .detailContent {
        /*height: calc(100vh - 270px);*/
    }
}

@media (max-width: 320px) {
    .detailContent {
        /*height: calc(100vh - 245px);*/
    }
}

.detailContent::-webkit-scrollbar {
    width: 8px;
    background-color: #fff;
    border-radius: 5px;
}

.detailContent::-webkit-scrollbar-thumb {
    background: linear-gradient(to right, #0DA693, #60BAA6);
    border-radius: 10px;
}

.detailContent .info li {
    border-radius: 99rem;
    background-color: #fff;
    margin-bottom: 20px;
    display: flex;
    justify-content: flex-start;
    padding: 8px 20px;
}

.detailContent .infoTitle {
    color: #05AFAF;
    margin-right: 10px;
    font-weight: 600;
    letter-spacing: 1px;
}

.detailContent .timeText, .detailContent .addressText {
    flex: 1;
}

.detailContent .itineraryList > li {
    margin-bottom: 20px;
}

    .detailContent .itineraryList > li:last-child {
        margin-bottom: 0;
    }

.detailContent .itineraryList .dayText {
    font-size: 22px;
    color: #fff;
    padding-left: 20px;
    margin-bottom: 10px;
}

.detailContent .dayList {
    background-color: #fff;
    border-radius: 20px;
    padding: 20px;
    color: #05AFAF;
    font-weight: 600;
}

    .detailContent .dayList li {
        display: flex;
        letter-spacing: 1px;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 10px;
    }

        .detailContent .dayList li:last-child {
            margin-bottom: 0;
        }

    .detailContent .dayList .taxtOuter {
        display: flex;
        margin-right: 8px;
    }

@media (max-width: 360px) {
    .detailContent .dayList .taxtOuter {
        flex-wrap: wrap;
    }
}

.detailContent .dayList .time {
    margin-right: 10px;
}

@media (max-width: 360px) {
    .detailContent .dayList .time {
        width: 100%;
    }
}

.detailContent .dayList .text {
    flex: 1;
}

.detailContent .dayList .operate {
    display: flex;
    align-self: flex-start;
    cursor: pointer;
}

.detailContent .dayList .imgOuter {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .detailContent .dayList .imgOuter img {
        width: 12px;
    }

    .detailContent .dayList .imgOuter i {
        font-size: 14px;
        color: #fff;
    }

.detailContent .dayList .editBtn {
    margin-right: 8px;
}

.fixWaveImgOuter {
    position: relative;
    margin: 0 3%;
}

@media (max-width: 320px) {
    .fixWaveImgOuter {
        margin: 0;
    }
}

@media (max-width: 550px) {
    .fixWaveImgOuter {
        margin: 0;
    }
}

.fixWaveImg {
    background: linear-gradient(to right, #0DA693, #60BAA6);
    height: 80px;
    width: 100%;
}

@media (max-width: 320px) {
    .fixWaveImg {
        height: 60px;
    }
}

.detailBtnsOuter {
    width: 100%;
    display: flex;
    justify-content: center;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 24px;
}

@media (max-width: 320px) {
    .detailBtnsOuter {
        bottom: 15px;
    }
}

.detailBtnsOuter .prevBtn, .detailBtnsOuter .nextBtn {
    background-color: #fff;
    border-radius: 99rem;
    padding: 5px 30px;
    font-weight: 600;
    letter-spacing: 2px;
    color: #05AFAF;
}

    .detailBtnsOuter .prevBtn:hover, .detailBtnsOuter .prevBtn:active, .detailBtnsOuter .nextBtn:hover, .detailBtnsOuter .nextBtn:active {
        background-color: #05AFAF;
        color: #fff;
    }

.detailBtnsOuter .prevBtn {
    margin-right: 20px;
}

.seatOuter .seatHead, .seatOuter .checkHead, .checkOuter .seatHead, .checkOuter .checkHead {
    margin: 0 auto;
    text-align: center;
    font-weight: 600;
    margin-bottom: 20px;
    letter-spacing: 2px;
    /*padding-top: 70px;*/
    padding-top: 20px;
    max-width: 200px;
}

.seatOuter .seatHead, .checkOuter .seatHead {
    max-width: 220px;
}

.seatOuter .title, .checkOuter .title {
    color: #05AFAF;
    margin-bottom: 10px;
}

.seatOuter .limitTextOuter, .seatOuter .appliedOuter, .checkOuter .limitTextOuter, .checkOuter .appliedOuter, .limitTextOuter {
    border-radius: 99rem;
    color: #fff;
    background-color: #05AFAF;
    padding: 2px 20px;
    margin-bottom: 10px;
}

.seatOuter .limitNum, .seatOuter .appliedNum, .seatOuter .applyNum, .seatOuter .checkedNum, .checkOuter .limitNum, .checkOuter .appliedNum, .checkOuter .applyNum, .checkOuter .checkedNum {
    margin: 0 4px;
}

.seatOuter .apply, .seatOuter .checked, .checkOuter .apply, .checkOuter .checked {
    color: #333;
}

.seatInner {
    padding: 20px 20px 0 20px;
    /*height: 100vh;*/
    border-radius: 50px 50px 0 0;
    background: linear-gradient(to right, #0DA693, #60BAA6);
    position: relative;
    margin: 0 3%;
}

@media (max-width: 500px) {
    .seatInner {
        margin: 0;
        /* height: calc(100vh - 268px); */
    }
}

@media (max-width: 320px) {
    .seatInner {
        margin: 0;
        /* height: calc(100vh - 239px); */
    }
}

.seatInner .switchsOuter {
    display: flex;
    justify-content: center;
    color: #fff;
    font-weight: 600;
    margin-bottom: 30px;
}

    .seatInner .switchsOuter li {
        display: flex;
        align-items: center;
        margin-right: 20px;
    }

        .seatInner .switchsOuter li:last-child {
            margin-right: 0;
        }

    .seatInner .switchsOuter .text {
        letter-spacing: 1px;
    }

.seatInner .switch {
    position: relative;
    width: 52px;
    height: 30px;
    margin-right: 10px;
}

    .seatInner .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

        .seatInner .switch input:checked + .slider {
            background: linear-gradient(to right, #0DA693, #60BAA6);
        }

        .seatInner .switch input:focus + .slider {
            box-shadow: 0 0 1px linear-gradient(to right, #0DA693, #60BAA6);
        }

        .seatInner .switch input:checked + .slider:before {
            -webkit-transform: translateX(20px);
            transform: translateX(20px);
            background: #fff;
        }

.seatInner .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    transition: 0.4s;
    border: 1px solid #fff;
}

    .seatInner .slider:before {
        position: absolute;
        content: "";
        height: 22px;
        width: 22px;
        left: 3px;
        bottom: 3px;
        background: linear-gradient(to right, #0DA693, #60BAA6);
        transition: 0.4s;
    }

    .seatInner .slider.round {
        border-radius: 34px;
    }

        .seatInner .slider.round:before {
            border-radius: 50%;
        }

.seatInner .tabTags {
    display: flex;
    letter-spacing: 1px;
}

.seatInner .tab {
    margin-right: 10px;
    padding: 0px 15px;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 20px 0 0 0;
    padding: 5px 20px;
    font-weight: 600;
    cursor: pointer;
}

    .seatInner .tab:hover {
        color: #05AFAF;
        background-color: #fff;
        border-radius: 20px 20px 0 0;
    }

    .seatInner .tab:last-child {
        margin-right: 0px;
    }

    .seatInner .tab.active {
        color: #05AFAF;
        background-color: #fff;
        border-radius: 20px 20px 0 0;
    }

.seatInner .half {
    position: relative;
    left: -25px;
    border-radius: 0 20px 0 0;
}

.seatInner .innerContent {
    background-color: #fff;
    padding: 10px 10px;
    border-radius: 0px 20px 20px 20px;
    /*height: calc(100vh - 125px);*/
}

@media (max-width: 500px) {
    .seatInner .innerContent {
        /*height: calc(100vh - 384px);*/
    }
}

@media (max-width: 320px) {
    .seatInner .innerContent {
        /*height: calc(100vh - 354px);*/
    }
}

.seatInner .tabInner {
    display: none;
    overflow-y: auto;
    overflow-x: auto;
    /*height: calc(100vh - 138px);*/
}

@media (max-width: 500px) {
    .seatInner .tabInner {
        /* height: calc(100vh - 400px); */
    }
}

@media (max-width: 320px) {
    .seatInner .tabInner {
        /*height: calc(100vh - 368px);*/
    }
}

.seatInner .tabInner::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background: linear-gradient(to right, #0DA693, #60BAA6);
    border-radius: 5px;
}

.seatInner .tabInner::-webkit-scrollbar-thumb {
    background-color: #fff;
    border-radius: 10px;
}

.seatInner .tabInner.active {
    display: block;
}

.seatInner .tabInner .allTable, .seatInner .tabInner .halfTable {
    display: flex;
}

    .seatInner .tabInner .allTable > li, .seatInner .tabInner .halfTable > li {
        width: 100px;
        flex-shrink: 0;
        margin-right: 15px;
    }

.seatInner .detailInfo {
    margin-bottom: 15px;
}

.seatInner .input {
    margin: 0 auto;
    margin-bottom: 5px;
    /*width: 74px;*/
    width: 90%;
    padding: 2px 0;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid transparent;
}

    .seatInner .input::-webkit-input-placeholder {
        color: #05AFAF;
        font-size: 14px;
        letter-spacing: 1px;
    }

    .seatInner .input::-moz-placeholder {
        color: #05AFAF;
        font-size: 14px;
        letter-spacing: 1px;
    }

    .seatInner .input:-ms-input-placeholder {
        color: #05AFAF;
        font-size: 14px;
        letter-spacing: 1px;
    }

    .seatInner .input::-ms-input-placeholder {
        color: #05AFAF;
        font-size: 14px;
        letter-spacing: 1px;
    }

    .seatInner .input::placeholder {
        color: #05AFAF;
        font-size: 14px;
        letter-spacing: 1px;
    }

    .seatInner .input:focus {
        box-shadow: none;
        border-bottom: 1px solid #05AFAF;
    }

.seatInner .nameOuter {
    display: flex;
    align-items: center;
    color: #333;
    justify-content: space-between;
    letter-spacing: 1px;
    font-weight: 600;
    margin-bottom: 5px;
}

.seatInner .name {
    display: flex;
}

.seatInner .delBtn {
    color: #FF0000;
    font-size: 14px;
    cursor: pointer;
}

.seatInner .addBtn {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333;
    border-radius: 99rem;
    border: 1px solid #333;
    width: 77px;
    margin: 0 auto;
    font-weight: 600;
    margin-bottom: 10px;
    letter-spacing: 1px;
    background-color: #fff;
}

    .seatInner .addBtn:hover, .seatInner .addBtn:active {
        background: linear-gradient(to right, #0DA693, #60BAA6);
        color: #fff;
        border-color: transparent;
    }

    .seatInner .addBtn i {
        font-size: 12px;
        margin-right: 5px;
    }

.seatSaveBtnOuter {
    width: 100%;
    display: flex;
    justify-content: center;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 27px;
}

@media (max-width: 500px) {
    .seatSaveBtnOuter {
        bottom: 22px;
    }
}

@media (max-width: 320px) {
    .seatSaveBtnOuter {
        bottom: 15px;
    }
}

.seatSaveBtnOuter .seatSaveBtn {
    background-color: #fff;
    border-radius: 99rem;
    padding: 5px 30px;
    font-weight: 600;
    letter-spacing: 2px;
    color: #05AFAF;
    cursor: pointer;
}

    .seatSaveBtnOuter .seatSaveBtn:hover, .seatSaveBtnOuter .seatSaveBtn:active {
        background-color: #05AFAF;
        color: #fff;
    }

.addModal .modal-content {
    border-radius: 20px;
    border: none;
}

.addModal .modalHead {
    display: flex;
    padding-top: 20px;
}

.addModal .modalTitle, .addModal .modalAddBtn {
    background: linear-gradient(to right, #0DA693, #60BAA6);
    color: #fff;
    border-radius: 99rem;
    padding: 2px 15px;
    font-size: 16px;
    letter-spacing: 3px;
    text-align: center;
    font-weight: normal;
}

.addModal .modalTitle {
    margin-left: auto;
    margin-right: -16px;
}

.addModal .delBtn {
    margin-left: auto;
    color: #05AFAF;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    cursor: pointer;
}

.addModal .modalFooter {
    justify-content: center;
    padding-bottom: 20px;
}

.addModal .modalBody {
    padding-bottom: 0;
    padding-top: 0;
    overflow-y: auto;
    max-height: 250px;
}

    .addModal .modalBody::-webkit-scrollbar {
        width: 8px;
        height: 8px;
        background: linear-gradient(to right, #0DA693, #60BAA6);
        border-radius: 5px;
    }

    .addModal .modalBody::-webkit-scrollbar-thumb {
        background-color: #fff;
        border-radius: 10px;
    }

.addModal .list {
    display: flex;
}

    .addModal .list li {
        width: calc(100% / 4);
        border-left: 2px solid #05AFAF;
        word-break: break-all;
    }

        .addModal .list li:first-child {
            border-left: none;
        }

.addModal .listName {
    font-size: 16px;
    margin-bottom: 10px;
    text-align: center;
    font-weight: 600;
    color: #05AFAF;
    letter-spacing: 2px;
}

.addModal .seatSelected {
    color: #838483;
}

.addModal .isSelect {
    color: #FF0000;
}

.checkInner {
    padding: 30px 20px 10px 20px;
    /*height: 100%;*/
    border-radius: 50px 50px 0 0;
    background: linear-gradient(to right, #0DA693, #60BAA6);
    position: relative;
    margin: 0 3%;
}

@media (max-width: 500px) {
    .checkInner {
        margin: 0;
        /*height: calc(100vh - 188px);*/
    }
}

@media (max-width: 320px) {
    .checkInner {
        /*height: calc(100vh - 179px);*/
        margin: 0;
        height: 100%;
        padding-top: 30px;
    }
}

*/
.checkInner .checkList {
    position: relative;
    z-index: 99;
    overflow-y: auto;
    /*height: calc(100vh - 68px);*/
}
/*
    @media (max-width: 500px) {
      .checkInner .checkList {
        height: calc(100vh - 260px); } }
    @media (max-width: 320px) {
      .checkInner .checkList {
        height: calc(100vh - 240px); } }
    */
.checkInner .checkList::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: #fff;
    border-radius: 5px;
}

.checkInner .checkList::-webkit-scrollbar-thumb {
    background: linear-gradient(to right, #0DA693, #60BAA6);
    border-radius: 10px;
}

.checkInner .checkList > li {
    border-radius: 20px;
    background-color: #fff;
    margin-bottom: 20px;
    padding: 15px;
    color: #05AFAF;
    font-weight: 600;
    letter-spacing: 1px;
}

    .checkInner .checkList > li:last-child {
        margin-bottom: 0;
    }

.checkInner .headOuter {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.checkInner .info {
    flex: 1;
    margin-right: 10px;
}

.checkInner .operateOuter {
    display: flex;
    align-items: center;
}

    .checkInner .operateOuter .text {
        border: 2px solid #05AFAF;
        padding: 2px 10px;
        margin-right: 15px;
        font-size: 14px;
    }

@media (max-width: 320px) {
    .checkInner .operateOuter .text {
        font-size: 12px;
        margin-right: 10px;
    }
}

.checkInner .btns {
    display: flex;
    cursor: pointer;
}

.checkInner .editBtn {
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}

    .checkInner .editBtn img {
        width: 14px;
    }

.checkInner .delBtn {
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}

    .checkInner .delBtn img {
        width: 14px;
    }

.checkInner .infoDetail {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    transition: padding-bottom margin-bottom 0.5s ease;
}

    .checkInner .infoDetail.active {
        border-bottom: 2px solid #05AFAF;
        padding-bottom: 5px;
        margin-bottom: 10px;
    }

    .checkInner .infoDetail .text {
        color: #333;
        margin-right: 10px;
        font-size: 14px;
        cursor: pointer;
    }

    .checkInner .infoDetail .arrowImg {
        height: 18px;
        transition: -webkit-transform 0.5s ease;
        transition: transform 0.5s ease;
        transition: transform 0.5s ease, -webkit-transform 0.5s ease;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

        .checkInner .infoDetail .arrowImg.active {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }

.checkInner .checkedDetailOuter {
    display: flex;
    overflow: hidden;
    height: 0;
    transition: height 0.5s ease;
}

    .checkInner .checkedDetailOuter.active {
        height: auto;
    }

    .checkInner .checkedDetailOuter li {
        letter-spacing: 0;
        word-wrap: break-word;
        flex: 1;
    }

@media (max-width: 500px) {
    .checkInner .checkedDetailOuter li {
        margin-right: 15px;
    }
	.eventB011 {
            background-image: url('../img/p-02-1.png');
            background-size: cover;
            background-position: center;
        }
}

@media (max-width: 414px) {
    .checkInner .checkedDetailOuter li {
        flex: auto;
    }
}

@media (max-width: 393px) {
    .checkInner .checkedDetailOuter li {
        flex: 1;
        margin-right: 0;
    }

    .checkInner .checkedListOuter .idCard span, .checkInner .checkedListOuter .birthdatOne span, .checkInner .checkedListOuter .birthdatTwo span {
        display: block;
    }
}

.checkInner .checkedDetailOuter li:last-child {
    margin-right: 0;
}

.checkInner .checkedListOuter {
    margin-bottom: 5px;
}

.checkInner .yearNum, .checkInner .priceNum {
    margin-right: 5px;
}


@media (max-width: 740px) {
    .modal-show {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .caltext-search {
        position: relative;
        border: 0;
        margin-right: 0px;
        padding-left: 0px;
    }

    .caltext2-search {
        padding: 0;
        border: 0px;
        margin: 0 auto;
        text-align: center;
        /*width: 43.5px;*/
    }

    .caltext3-search {
        top: -6px;
        position: relative;
    }

    .caltext4-search {
        top: 1px;
        position: relative;
    }
    .cal-input {
        width: 100px;
    }
    .caltext {
        margin-top: -1px;
        width: 45px;
        text-align: center;
    }

    .caltext2 {
        padding: 0px;
        border: 0px;
        margin: 0 auto;
        text-align: center;
    }
}

@media (min-width: 741px) {
    .modal-show {
        max-width: 780px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .caltext-search {
        position: relative;
        border: 0;
        margin-right: 0px;
        padding-left: 0px;
    }

    .caltext2-search {
        padding: 0;
        border: 0px;
        margin: 0;
        text-align: center;
        /*width: 77px;*/
    }

    .caltext3-search {
        top: -6px;
        position: relative;
    }

    .caltext4-search {
        top: 1px;
        position: relative;
    }
    .cal-input {
        width: 120px;
    }
    .caltext {
        margin-top: -1px;
        width: 45px;
        text-align: center;
    }

    .caltext2 {
        padding: 0px;
        border: 0px;
        margin: 0 auto;
        text-align: center;
    }
}