/*reset*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

fieldset, img {
    border: 0
}

address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal
}

ol, ul {
    list-style: none
}

caption, th {
    text-align: left
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal
}

q:before, q:after {
    content: ''
}

abbr, acronym {
    border: 0;
    font-variant: normal
}

sup {
    vertical-align: text-top
}

sub {
    vertical-align: text-bottom
}

input, textarea, select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit
}

input, textarea, select {
    *font-size: 100%
}

.hid {
    text-indent: -9999px;
    font-size: 0px;
    overflow: hidden;
    width: 0px;
    height: 0px;
    display: block
}

/*footer*/
#footer_ieg {
    height: 98px;
    padding-top: 20px;
    background: #000000;
    line-height: 25px;
    color: #fff;
    text-align: center;
    font-size: 12px;
    position: relative;
    font-family: 'tahoma';
}

#footer_ieg a {
    color: #fff;
    text-decoration: none;
}

#gfooter .foot_cpright {
/*    padding: 50px 0;*/
    width: 1200px;
    margin: 0 auto;
}

#gfooter {
    background-color: #000;
}

#gfooter .foot_top {
    background-color: #1e2628;
}

#gfooter .foot_top .bk {
    display: block;
}

/*#gfooter .gfooter_selflogo {
    width: 109px;
    background-image: url(https://cdn.until.cc/v20190906/booking_static/images/ty/cp/a20190522order/nav-copy.png);
    background-repeat: no-repeat;
    background-position: -1690px 0;
}*/

#afooter .foot {
    font-size: 12px;
    text-align: center;
    padding: 20px 0;
    background: #000;
    color: #aaa;
}

#afooter .foot a {
    color: #aaa;
    text-decoration: none;
}

.healthy {
    clear: both;
    background: #1e2628;
    padding: 8px 3%;
    text-align: center;
    color: #4f5f5f;
}

.healthy strong {
    margin: 0 5px 0 0;
}

.foot_lefts {
float: left;
display: inline;
}

.foot_dark {
background: #000;
color: #494949;
}

.foot {
background: #000;
color: #494949;
font: 12px/20px "微软雅黑","宋体";
min-width: 1050px;
margin: 0 auto;
text-align: left;
}

.foot_links .link_map span, .foot_links .link_map a {
font-size: 12px;
color: #494949;
}

.foot_links li {
line-height: 20px;
overflow: hidden;
margin-right: 70px
}

.foot_links {
display: inline;
float: right;
width: 682px;
list-style: none;
margin-top:-7px
}

.foot_cpright:after {
content: "";
display: block;
height: 0;
line-height: 0;
visibility: hidden;
clear: both;
}

.foot_dark .foot_ieg_logo {
background: url(https://cdn.until.cc/v20190906/booking_static/images/ty/cp/a20190522order/foot-dark.png);
}

.foot_ieg_logo {
float: left;
width: 180px;
height: 180px;
text-indent: -999em;
overflow: hidden;
margin: -10px 0 0 10px;
background: url(https://cdn.until.cc/v20190906/booking_static/images/ty/cp/a20190522order/foot-dark.png);
}

/*#gfooter .gfooter_selflogo {
width: 179px;
background-image: url(https://cdn.until.cc/v20190906/booking_static/images/ty/cp/a20190522order/nav-copy.png);
background-repeat: no-repeat;
background-position: -1690px 0;
}*/

#gfooter .gfooter_selflogo {
width: 185px;
background-image: url(https://cdn.until.cc/v20190906/booking_static/images/ty/cp/a20190522order/nav-copy.png);
background-repeat: no-repeat;
background-position: -1690px 0;
}

.foot_left {
float: left;
text-indent: -999em;
overflow: hidden;
margin: 0 0 0 40px;
width: 85px;
height: 180px;
}

/*page*/
body {
    /*padding-top: 42px;*/
    min-width: 1200px;
    font: 12px/150% tahoma, '\5b8b\4f53', sans-serif;
}

body {
    font-family: '\5FAE\8F6F\96C5\9ED1';
    background: #000;
}

.wrap1, .wrap2, .wrap3 {
    min-width: 1200px;
    overflow: hidden;
}

.wrap1 {
    background: url(https://cdn.until.cc/mir3/tw/booking/dabg1.jpg) no-repeat 50% 0;
    position: relative;
}

.wrap2 {
    background: url(https://cdn.until.cc/mir3/tw/booking/dabg2.jpg) no-repeat 50% 0;
    position: relative;
    overflow: visible;
}

.wrap3 {
    background: url(https://cdn.until.cc/mir3/tw/booking/dabg3.jpg) no-repeat 50% 0;
}

.wrap1-bg, .main1, .main2 {
    width: 1200px;
    margin: 0 auto;
}

.wrap1-bg {
    background: url(https://cdn.until.cc/mir3/tw/booking/newbg1_1.jpg) no-repeat;
    height: 900px;
}

.main1 {
    background: url(https://cdn.until.cc/mir3/tw/booking/bg2.jpg) no-repeat;
    height: 1974px;
}

.main2 {
    background: url(https://cdn.until.cc/mir3/tw/booking/bg3.jpg) center top no-repeat;
    height: 1724px;
}

.sp {
    background: url(https://cdn.until.cc/mir3/tw/booking/sp.png) no-repeat;
}

@-webkit-keyframes fade {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fade {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes faderight {
    0% {
        opacity: .4;
        -webkit-transform: translateX(300px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@keyframes faderight {
    0% {
        opacity: .4;
        -webkit-transform: translateX(300px);
        transform: translateX(300px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes fadeleft {
    0% {
        opacity: .4;
        -webkit-transform: translateX(-300px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@keyframes fadeleft {
    0% {
        opacity: .4;
        -webkit-transform: translateX(-300px);
        transform: translateX(-300px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes flipInX {
    from {
        opacity: 0;
        -webkit-transition-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    }
    40% {
        -webkit-transition-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    }
    60% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }
    to {
        -webkit-transform: perspective(400px);
    }
}

@keyframes flipInX {
    from {
        opacity: 0;
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    }
    40% {
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    }
    60% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@-webkit-keyframes fadetop {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
    }
}

@keyframes fadetop {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-webkit-keyframes bw {
    0% {
        opacity: .4;
        -webkit-transform: scale(1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1.4);
    }
}

@keyframes bw {
    0% {
        opacity: .4;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
    }
}

@-webkit-keyframes bw3 {
    0% {
        opacity: .4;
        -webkit-transform: scale(1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1.15);
    }
}

@keyframes bw3 {
    0% {
        opacity: .4;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1.15);
        transform: scale(1.15);
    }
}

@-webkit-keyframes bw2 {
    0% {
        opacity: 1;
        -webkit-transform: scale(.8);
    }
    100% {
        opacity: .6;
        -webkit-transform: scale(1);
    }
}

@keyframes bw2 {
    0% {
        opacity: .6;
        -webkit-transform: scale(.9);
        transform: scale(.9);
        -webkit-transform-origin: center center;
        transform-origin: center center;
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: center center;
        transform-origin: center center;
    }
}

@-webkit-keyframes breath {
    0% {
        -webkit-box-shadow: inset 0 0 2px rgba(255, 255, 255, .1);
        box-shadow: inset 0 0 2px rgba(255, 255, 255, .1);
    }
    100% {
        -webkit-box-shadow: inset 0 0 30px #fff;
        box-shadow: inset 0 0 30px #fff;
    }
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: rotate(0);
    }
    to {
        transform: rotate(360deg);
    }
}

.header {
    height: 280px;
}

.header .btn {
    width: 290px;
    height: 55px;
    text-align: right;
    position: absolute;
    top: 80px;
    right: 40px;
    z-index: 2;
}

.header .btn a {
    display: inline-block;
    vertical-align: middle;
    width: 134px;
    height: 46px;
    margin: 0 100px;
}

.header .btn a span {
    position: relative;
    z-index: -1;
    display: block;
    text-align: center;
}

.header .btn-top-main {
    background-position: 0 -248px;
}

.header .btn-top-main:hover {
    background-position: -560px -248px;
}

.header .btn-top-yy {
    background-position: -361px -593px;
}

.header .btn-top-yy:hover {
    background-position: -611px -593px;
}

.header_login {
    position: absolute;
    top: 70px;
    right: 155px;
    text-align: right;
    color: #010000;
    font-size: 18px;
    line-height: 25px;
    z-index: 2;
}

.header_login a {
    color: #4ca7f1;
    text-decoration: none;
}

.kv {
    width: 800px;
    position: relative;
    z-index: 2;
}

.kv .video-div {
    width: 108px;
    height: 90px;
    display: block;
    position: absolute;
    top: -157px;
    right: 90px;
}

.kv .head_video {
    width: 108px;
    height: 90px;
    background-position: -140px -604px;
    margin: 0 auto;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.kv .video-div span {
    width: 108px;
    height: 90px;
    background-position: 0 -604px;
    display: block;
}

.kv .video-div span {
    -webkit-animation: spin 7s linear infinite;
    animation: spin 7s linear infinite;
}

.kv .slogan {
    overflow: hidden;
    font-size: 0;
    text-indent: -9999px;
    height: 0;
}

.kv .bot {
    padding-top: 210px;
    text-align: center;
    width: 750px;
}

.kv .btn-yy {
    position: relative;
    z-index: 1;
    display: block;
    margin: 0 auto;
    width: 407px;
    height: 150px;
    color: #00375d;
    text-align: center;
    font-size: 18px;
    margin-bottom: 35px;
}

.sp1 {
    background: url(https://cdn.until.cc/mir3/tw/booking/sp3.png) no-repeat;
}

.kv .btn-yy .btn {
    font-size: 26px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 100px;
    width: 407px;
    height: 150px;
    border-radius: 75px;
    background-position: -15px -16px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    -webkit-animation: breath 1.5s ease-in-out alternate infinite;
    animation: breath 1.5s ease-in-out alternate infinite;
}

/*.kv .btn-yy .wrap{position:absolute;top:0;left:0;z-index:1;width:436px;height:181px;background-position:0 -230px;-webkit-animation:bw2 1.5s ease alternate infinite;animation:bw2 1.5s ease alternate infinite;}*/
.kv .btn-yy .wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    border-radius: 75px;
    background-color: #47c2cc;
    content: "";
    -webkit-animation: bw3 2s ease infinite;
    animation: bw3 2s ease infinite;
}

.kv .btn-yy .des {
    position: relative;
    z-index: 1;
}

.kv .btn-iphone .icon, .kv .btn-share .icon, .kv .btn-ybd .icon, .kv .btn-zm .icon {
    position: absolute;
    left: 0;
    z-index: -1;
    overflow: hidden;
    text-indent: -9999px;
    font-size: 0;
}

.kv .btn-iphone .text, .kv .btn-share .text, .kv .btn-ybd .text, .kv .btn-zm .text {
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 18px;
    color: #171204;
}

.kv .btn-iphone {
    background-position: 0 -150px;
    width: 187px;
    height: 58px;
    text-align: center;
    line-height: 58px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 12px;
    position: relative;
}

.kv .btn-iphone:hover {
    background-position: -560px -150px;
}

.kv .btn-share {
    background-position: -220px -150px;
    width: 187px;
    height: 58px;
    text-align: center;
    line-height: 58px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 12px;
    position: relative;
}

.kv .btn-share:hover {
    background-position: -780px -150px;
}

/*.kv .btn-ybd{width: 189px; height: 60px; background: url(ossweb-img/btn-ydb.png) no-repeat; display: block;}*/
.kv .btn-ybd {
    background: url(https://cdn.until.cc/v20190906/booking_static/images/ty/cp/a20190522order/btn-ydb.png) no-repeat;
    width: 188px;
    height: 60px;
    text-align: center;
    line-height: 58px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 12px;
    position: relative;
}

.kv .btn-zm {
    background-position: -360px -663px;
    width: 187px;
    height: 58px;
    text-align: center;
    line-height: 58px;
    color: #171204;
    display: inline-block;
    vertical-align: middle;
    margin: 0 120px;
    position: relative;
}

.kv .btn-zm:hover {
    background-position: -610px -663px;
}

/*.kv .btn-zm .text{color: #171204}*/

.event1 {
    padding-top: 35px;
    height: 330px;
}

.event1 .box {
    width: 979px;
    height: 269px;
    background: url(https://cdn.until.cc/mir3/tw/booking/event1.png) no-repeat;
    margin: 0 auto;
}

.event1 .box-hd {
    height: 56px;
    line-height: 56px;
    text-align: center;
    font-size: 23px;
    color: #f4eee2;
    width: 170px;
    margin-left: 387px;
}

.event1 .bags {
    padding: 100px 0 0 130px;
}

.event1 .bags li {
    width: 146px;
    float: left;
    position: relative;
    padding-top: 86px;
    font-size: 16px;
    color: #85603f;
    line-height: 25px;
    text-align: center;
}

.event1 .bags .b1 {
    overflow: hidden;
    text-indent: -9999px;
    font-size: 0;
}

.event1 .bags .b:before {
    background: url(https://cdn.until.cc/mir3/tw/booking/kv-bags.webp) no-repeat;
    width: 79px;
    height: 79px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -40px;
    content: '';
}

.event1 .bags .b2:before {
    background-position: 0 0;
}

.event1 .bags .b3:before {
    background-position: 0 -80px;
}

.event1 .bags .b4:before {
    background-position: 0 -160px;
}

.event2 {
    padding-top: 30px;
}

.mt-number-animate {
    position: relative;
    display: inline-block;
    overflow: hidden;
    height: 80px;
    font-size: 70px;
    font-family: arial;
    line-height: 80px;
}

.mt-number-animate .mt-number-animate-dot {
    float: left;
    width: 15px;
    text-align: center;
    line-height: 80px;
}

.mt-number-animate .mt-number-animate-dom {
    position: relative;
    top: 0;
    float: left;
    width: 40px;
    text-align: center;
    color: #47afb4;
}

.mt-number-animate .mt-number-animate-dom .mt-number-animate-span {
    float: left;
    width: 100%;
}

.countyy {
    height: 671px;
}

.countyy-hd {
    padding: 10px 0 0;
    color: #000;
    text-align: center;
    font-size: 40px;
    font-weight: bold;
}

.countyy-hd .hd {
    height: 70px;
    line-height: 60px;
}

.countyy-hd .num {
    display: inline-block;
    color: #dcc072;
    vertical-align: middle;
    font-size: 70px;
}

.countyy-hd .sub {
    font-size: 30px;
    line-height: 60px;
}

.timeline-hd {
    padding: 90px 0 10px;
    height: 50px;
}

.timeline-hd .char {
    position: absolute;
    top: -80px;
    right: 0;
    width: 60px;
    height: 80px;
    background-image: url(https://cdn.until.cc/mir3/tw/booking/char.gif);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    opacity: 0;
    margin-right: -30px;
}

.timeline-hd .line, .timeline-hd .node {
    background-image: url(https://cdn.until.cc/mir3/tw/booking/timeline.png);
}

.timeline-hd .line {
    margin: 0 auto;
    height: 13px;
}

.timeline-hd .line-bot {
    position: relative;
    z-index: 1;
    width: 1052px;
    background-position: 0 0;
}

.timeline-hd .line-top {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 0;
    background-position: 0 -30px;
}

.timeline-hd .node-list {
    position: relative;
    z-index: 5;
}

.timeline-hd .node {
    position: absolute;
    top: -10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 26px;
    width: 210px;
    background-position: 0 -73px;
    color: #cdd2d4;
    text-align: center;
    font-size: 20px;
}

.timeline-hd .node span {
    position: absolute;
    left: -90px;
    width: 100%;
    height: 30px;
    line-height: 30px;
}

.timeline-hd .node1 {
    left: 145px;
}

.timeline-hd .node2 {
    left: 328px;
}

.timeline-hd .node3 {
    left: 514px;
}

.timeline-hd .node4 {
    left: 696px;
}

.timeline-hd .node5 {
    left: 878px;
}

.timeline-bd {
    position: relative;
    z-index: 1;
}

.t-card {
    position: absolute;
    z-index: 1;
    width: 149px;
    height: 315px;
}

.t-card .status {
    position: absolute;
    z-index: 2;
    display: none;
    padding: 0 10px;
    height: 24px;
    border: 2px solid;
    color: #ff6633;
    font-size: 18px;
    line-height: 24px;
    opacity: 0;
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
    -webkit-transform-origin: center 0;
    transform-origin: center 0;
    -webkit-text-size-adjust: none;
}

.card-bd {
    position: relative;
    z-index: 1;
    padding-bottom: 10px;
    background-color: #ff6633;
    opacity: 0;
}

.card-bd.active {
    opacity: 1;
    -webkit-animation: flipInX 2s linear both;
    animation: flipInX 2s linear both;
}

.card1 .card-bd.active {
    -webkit-animation-delay: 0;
}

.card2 .card-bd.active {
    -webkit-animation-delay: .5s;
}

.card3 .card-bd.active {
    -webkit-animation-delay: 1s;
}

.card4 .card-bd.active {
    -webkit-animation-delay: 1.5s;
}

.card5 .card-bd.active {
    -webkit-animation-delay: 2s;
}

.card-bd.active .status {
    opacity: 1;
    -webkit-animation: fade 1s ease 2s both;
    animation: fade 1s ease 2s both;
}

.card-bd {
    background: url(https://cdn.until.cc/mir3/tw/booking/timeline-bd.png) no-repeat;
    width: 149px;
    height: 315px;
}

.card1 {
    top: 0;
    left: 156px;
}

.card1 .card-bd {
    background-position: 0 0;
}

.card2 {
    top: 14px;
    left: 341px;
}

.card2 .card-bd {
    background-position: -185px 0;
}

.card3 {
    top: 0;
    left: 528px;
}

.card3 .card-bd {
    background-position: -367px 0;
}

.card4 {
    top: 14px;
    left: 712px;
}

.card4 .card-bd {
    background-position: -553px 0;
}

.card5 {
    top: 0;
    left: 890px;
}

.card5 .card-bd {
    background-position: -733px 0;
}

.giftbox {
    padding-top: 38px;
    text-align: center;
}

.giftbox .bd {
    margin: 0 auto;
    width: 70px;
    height: 70px;
    background: url(https://cdn.until.cc/mir3/tw/booking/bindgift.webp) no-repeat;
}

.giftbox .yy {
    margin: 0 auto;
    width: 70px;
    height: 70px;
    background: url(https://cdn.until.cc/mir3/tw/booking/icon-giftbags.webp) no-repeat;
}

.giftbox .bg1 {
    margin: 0 auto;
    width: 70px;
    height: 70px;
    background: url(https://cdn.until.cc/mir3/tw/booking/booking-gift-1a.png) no-repeat;
}

.giftbox .bg2 {
    margin: 0 auto;
    width: 70px;
    height: 70px;
    background: url(https://cdn.until.cc/mir3/tw/booking/booking-gift-2a.png) no-repeat;
}

.giftbox .bg3 {
    margin: 0 auto;
    width: 70px;
    height: 70px;
    background: url(https://cdn.until.cc/mir3/tw/booking/booking-gift-3.webp) no-repeat;
}

.giftbox .icon1 {
    background-position: 0 0;
}

.giftbox .icon2 {
    background-position: 0 -70px;
}

.giftbox .icon3 {
    background-position: 0 -140px;
}

.giftbox .icon4 {
    background-position: 0 -210px;
}

.giftbox .icon5 {
    background-position: 0 -280px;
}

.giftbox .icon6 {
    background-position: 0 -350px;
}

.giftbox .icon7 {
    background-position: 0 -420px;
}

.giftbox .icon8 {
    background-position: 0 -490px;
}

.giftbox .icon9 {
    background-position: 0 -560px;
}

.giftbox .icon10 {
    background-position: 0 -630px;
}

.giftbox .icon11 {
    background-position: 0 -700px;
}

.giftbox .icon1 {
    background-position: 0 0;
}

.giftbox .icon2 {
    background-position: 0 -70px;
}

.giftbox .hd {
    margin-top: 5px;
    font-weight: 400;
    font-size: 15px;
    line-height: 25px;
    -webkit-text-size-adjust: none;
}

.line-top.active {
    -webkit-transition: .5s width ease-in;
    transition: .5s width ease-in;
}

.char.active {
    opacity: 1;
    -webkit-transition: .5s opacity .5s ease-in;
    transition: 1.5s opacity .2s ease-in;
}

.timeline .line-top.active {
    width: 10%;
}

.stone100 .line-top.active {
    width: 15%;
}

.stone100 .char {
    left: 133px;
}

.stone100 .node1 {
    color: #000; /* background-position: 0 -110px;*/
}

.stone100 .card1 .status {
    display: block;
}

.stone150 .line-top.active {
    width: 255px;
}

.stone150 .char {
    left: 220px;
}

.stone150 .node1 {
    color: #000; /* background-position: 0 -110px;*/
}

.stone150 .card1 .status {
    display: block;
}

.stone200 .line-top.active {
    width: 345px;
}

.stone200 .char {
    left: 310px;
}

.stone200 .node1, .stone200 .node2 {
    color: #000; /*background-position: 0 -110px;*/
}

.stone200 .status1, .stone200 .status2 {
    display: block;
}

.stone350 .line-top.active {
    width: 440px;
}

.stone350 .char {
    left: 398px;
}

.stone350 .node1, .stone350 .node2 {
    color: #000; /*background-position: 0 -110px;*/
}

.stone350 .status1, .stone350 .status2 {
    display: block;
}

.stone500 .line-top.active {
    width: 528px;
}

.stone500 .char {
    left: 503px;
}

.stone500 .node1, .stone500 .node2, .stone500 .node3 {
    color: #000; /*background-position: 0 -110px;*/
}

.stone500 .status1, .stone500 .status2, .stone500 .status3 {
    display: block;
}

.stone650 .line-top.active {
    width: 620px;
}

.stone650 .char {
    left: 580px;
}

.stone650 .node1, .stone650 .node2, .stone650 .node3 {
    color: #000; /*background-position: 0 -110px;*/
}

.stone650 .status1, .stone650 .status2, .stone650 .status3 {
    display: block;
}

.stone800 .line-top.active {
    width: 710px;
}

.stone800 .char {
    left: 684px;
}

.stone800 .node1, .stone800 .node2, .stone800 .node3, .stone800 .node4 {
    color: #000; /*background-position: 0 -110px;*/
}

.stone800 .status1, .stone800 .status2, .stone800 .status3, .stone800 .status4 {
    display: block;
}

.stone1000 .line-top.active {
    width: 800px;
}

.stone1000 .char {
    left: 765px;
}

.stone1000 .node1, .stone1000 .node2, .stone1000 .node3, .stone1000 .node4 {
    color: #000; /*background-position: 0 -110px;*/
}

.stone1000 .status1, .stone1000 .status2, .stone1000 .status3, .stone1000 .status4 {
    display: block;
}

.stone1200 .line-top.active {
    width: 890px;
}

.stone1200 .char {
    left: 865px;
}

.stone1200 .node {
    color: #000;
}

.stone1200 .status {
    display: block;
}

.stone1400 .line-top.active {
    width: 100%;
}

.stone1400 .char {
    left: 1000px;
}

.stone1400 .node {
    color: #000;
}

.stone1400 .status {
    display: block;
}

.event3 {
    padding-top: 200px;
}

.inviteyy {
    position: relative;
    z-index: 1;
    text-align: center;
}

.inviteyy .btn-invite {
    position: relative;
    display: block;
    margin: 0 auto 50px;
    width: 246px;
    height: 88px;
    background-position: -256px -405px;
}

.inviteyy .btn-invite span {
    position: absolute;
    z-index: -1;
    display: block;
    width: 100%;
    text-align: center;
}

.inviteyy .btn-invite:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    border-radius: 45px;
    background-color: #4ccfd7;
    content: "";
    -webkit-animation: bw 3s ease infinite;
    animation: bw 3s ease infinite;
}

.inviteyy .countnum {
    display: inline-block;
    height: 70px;
    font-size: 24px;
    line-height: 70px;
    position: absolute;
    top: 146px;
    left: 830px;
}

.inviteyy .countnum a {
    color: #000510;
    text-decoration: none;
}

.inviteyy .countnum:after {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #000;
    content: '';
}

.inviteyy .countnum .num {
    padding: 0 10px;
    color: #2a6e72;
    font-size: 28px;
    font-weight: bold;
}

.inviteyy-hd {
    height: 110px;
    color: #000;
    text-align: center;
    font-size: 46px;
    line-height: 110px;
    font-weight: bold;
    margin-bottom: 30px;
}

.inviteyy-hd .more {
    color: #3c9fa4;
}

.invite-list {
    overflow: hidden;
    width: 890px;
    margin: -10px auto;
}

.invite-item {
    float: left;
    width: 33%;
    text-align: center;
}

.invite-item:nth-child(2) {
    margin-top: 24px;
}

.invite-item .btn-lq, .package-get {
    display: block;
    margin: 22px auto 0;
    width: 159px;
    height: 50px;
    background-position: -293px -248px;
    opacity: 0;
    overflow: hidden;
    text-indent: -9999px;
}
.package-get {
    opacity: 1!important;
}

.invite-box {
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 20px;
    width: 241px;
    height: 448px;
    background-image: url(https://cdn.until.cc/mir3/tw/booking/invite-card.png);
    opacity: 0;
}

.invite-box .box-hd {
    font-size: 20px;
    height: 30px;
    line-height: 30px;
}

.invite-box.active {
    opacity: 1;
    -webkit-animation: flipInX 1.3s .2s linear both;
    animation: flipInX 1.3s .2s linear both;
}

.invite-box h4 {
    margin-bottom: 0

}

.btn-lq.active {
    -webkit-animation: fadetop 1s ease 1s both;
    animation: fadetop 1s ease 1s both;
}

.invite-box2.active {
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
}

.invite-box3.active {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.event3 .giftbox {
    padding-top: 20px;
}

.event4 {
    padding-top: 200px;
}

.lottery {
    height: 1000px;
    text-align: center;
}

.lottery-hd {
    height: 80px;
    font-size: 46px;
    line-height: 80px;
    font-weight: bold;
}

.lottery-hd .more {
    color: #d3aa37;
}

.lottery-count {
    font-size: 24px;
}

.lottery-count .num {
    padding: 0 10px;
    color: #dcc072;
}

.lottery-bd {
    position: relative;
    z-index: 1;
    margin: 30px auto 15px;
    width: 1044px;
    height: 745px;
    background: url(https://cdn.until.cc/v20190906/booking_static/images/ty/cp/a20190522order/lottery-box.png) no-repeat;
}

.lottery-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -102px;
    margin-left: -102px;
    width: 205px;
    height: 205px;
    text-indent: -9999px;
    overflow: hidden;
}

.lottery-ft a {
    display: inline-block;
    background: url(https://cdn.until.cc/mir3/tw/booking/sp.png) no-repeat;
    margin: 0 15px;
    overflow: hidden;
    text-indent: -9999px;
    font-size: 0;
}

.lottery-ft .rules {
    width: 159px;
    height: 50px;
    background-position: 0 -328px;
}

.lottery-ft .record {
    width: 179px;
    height: 50px;
    background-position: -194px -328px;
}

.lottery-ft .addinfo {
    width: 218px;
    height: 50px;
    background-position: 0 -405px;
}

.swfcontent_hover {
    opacity: .6;
}

.event5 {
    padding-top: 20px;
    position: relative;
}

.feature {
    height: 878px;
    text-align: center;
}

.feature-hd {
    font-size: 46px;
    width: 1019px;
    height: 100px;
    margin: 0 auto;
    font-weight: bold;
    background: url(https://cdn.until.cc/v20190906/booking_static/images/ty/cp/a20190522order/t.png) no-repeat;
    line-height: 100px;
    /*padding-top: 33px;*/
    padding-left: 20px;
    position: relative;
    z-index: 10;
}

.feature-hd .more {
color: #3c9fa4;
}

.swiper-container {
overflow: hidden;
width: 1920px;
height: 840px;
position: absolute;
top: 110px;
left: 50%;
margin-left: -960px;
}

.swiper-slide {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background: #fff;
text-align: center;
font-size: 18px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}

.swiper-slide img {
width: 100%;
}

.swiper-slide .text {
position: absolute;
opacity: 0;
left: 50%;
}

.swiper-slide .text1 {
width: 335px;
height: 157px;
top: 540px;
margin-left: -315px;
background: url(https://cdn.until.cc/v20190906/booking_static/images/ty/cp/a20190522order/f1-h.png) no-repeat;
}

.swiper-slide .text2 {
width: 335px;
height: 157px;
top: 507px;
margin-left: -110px;
background: url(https://cdn.until.cc/v20190906/booking_static/images/ty/cp/a20190522order/f2-h.png) no-repeat;
}

.swiper-slide .text3 {
width: 335px;
height: 157px;
top: 505px;
margin-left: -90px;
background: url(https://cdn.until.cc/v20190906/booking_static/images/ty/cp/a20190522order/f3-h.png) no-repeat;
}

.swiper-slide .text4 {
width: 335px;
height: 157px;
top: 485px;
margin-left: -240px;
background: url(https://cdn.until.cc/v20190906/booking_static/images/ty/cp/a20190522order/f4-h.png) no-repeat;
}

.swiper-slide .text5 {
width: 460px;
height: 157px;
top: 530px;
margin-left: -275px;
background: url(https://cdn.until.cc/v20190906/booking_static/images/ty/cp/a20190522order/f5-h.png) no-repeat;
}

.swiper-slide .text6 {
    width: 335px;
    height: 157px;
    top: 505px;
    margin-left: -195px;
    background: url(https://cdn.until.cc/v20190906/booking_static/images/ty/cp/a20190522order/f6-h.png) no-repeat;
}

.swiper-slide .text7 {
    width: 460px;
    height: 157px;
    top: 540px;
    margin-left: -285px;
    background: url(https://cdn.until.cc/v20190906/booking_static/images/ty/cp/a20190522order/f7-h.png) no-repeat;
}

.swiper-slide .text8 {
    width: 460px;
    height: 157px;
    top: 545px;
    margin-left: -275px;
    background: url(https://cdn.until.cc/v20190906/booking_static/images/ty/cp/a20190522order/f8-h.png) no-repeat;
}

.swiper-slide-active .text {
-webkit-animation: faderight 1.2s ease both;
animation: faderight 1.2s ease both;
}

.swiper-button-next, .swiper-button-prev {
position: absolute;
top: 440px;
width: 84px;
height: 81px;
background: url(https://cdn.until.cc/v20190906/booking_static/images/ty/cp/a20190522order/jt.png) no-repeat;
}

.swiper-button-prev {
background-position: 0 0;
left: 50px;
}

.swiper-button-next {
background-position: -114px 0;
right: 50px;
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
bottom: 60px;
}

.swiper-pagination-bullet {
width: 15px;
height: 15px;
border-radius: 50%;
}

.swiper-pagination-bullet-active {
width: 44px;
border-radius: 20px;
background-color: #212529;
}

.event6 {
position: relative;
z-index: 11;
padding-top: 62px;
}

.rulesblock {
}

.rulesbl-hd {
height: 160px;
font-size: 46px;
line-height: 160px;
text-align: center;
font-weight: bold;
}

.rulesbl-list {
padding: 0 95px;
text-align: left;
font-size: 18px;
line-height: 2;
-webkit-text-size-adjust: none;
color: #499da1;
}

.rulesbl-list li {
margin-bottom: 10px;
}

.rulesbl-list li span {
width: 20px;
height: 20px;
display: inline-block;
vertical-align: middle;
border-radius: 50px;
color: #8adfea;
background: #2c6969;
font-size: 14px;
line-height: 20px;
text-align: center;
}

.sid {
width: 204px;
height: 350px;
background: url(https://cdn.until.cc/v20190906/booking_static/images/ty/cp/a20190522order/sid.png) no-repeat;
position: fixed;
top: 150px;
right: 30px;
z-index: 20;
padding-top: 413px;
display: block;
}

.sid a {
width: 161px;
height: 60px;
background: url(https://cdn.until.cc/v20190906/booking_static/images/ty/cp/a20190522order/sid-sp.png) no-repeat;
margin: 0 auto 15px;
display: block;
position: relative;
}

.sid a:before {
content: '';
width: 161px;
height: 1px;
background: url(https://cdn.until.cc/v20190906/booking_static/images/ty/cp/a20190522order/sid-sp.png) no-repeat -23px -4px;
position: absolute;
bottom: -5px;
left: 0
}

.sid .sid-a5:before, .sid .sid-a6:before {
display: none;
}

.sid .sid-a1 {
background-position: -23px -39px;
}

.sid .sid-a2 {
background-position: -22px -114px;
}

.sid .sid-a3 {
background-position: -24px -188px;
}

.sid .sid-a4 {
background-position: -23px -263px;
}

.sid .sid-a5 {
background-position: -24px -338px;
}

.sid .sid-a6 {
background-position: -24px -420px;
margin-bottom: 25px;
}

.sid .sid-a1:hover {
background-position: -213px -39px;
}

.sid .sid-a2:hover {
background-position: -213px -114px;
}

.sid .sid-a3:hover {
background-position: -213px -189px;
}

.sid .sid-a4:hover {
background-position: -213px -264px;
}

.sid .sid-a5:hover {
background-position: -213px -339px;
}

.sid .sid-a6:hover {
background-position: -213px -420px;
}

.sid .sid-div img {
width: 162px;
height: 162px;
display: block;
margin: 0 auto;
}

.sid .sid-div p {
font-size: 18px;
color: #7b6322;
line-height: 25px;
text-align: center;
padding-top: 10px;
}

.side-nav {
position: absolute !important;
top: 45px !important;
left: 0 !important;
width: 204px;
}

/* 弹窗 */
.fs0 {
    overflow: hidden;
    text-indent: -9999px;
    font-size: 0;
}

.popmask {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 998;
    display: none;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .7;
}

.popbg {
    background-image: url(https://cdn.until.cc/v20190906/booking_static/images/ty/cp/a20190522order/popbg.png);
    background-size: 620px 689px;
    background-repeat: no-repeat;
}

.tsbg {
    background-image: url(https://cdn.until.cc/mir3/tw/booking/tsbg.webp);
    background-size: 461px 258px;
    background-repeat: no-repeat;
}

.cmbg {
    background-image: url(https://cdn.until.cc/mir3/tw/booking/cmbg.webp);
    background-size: 620px 1067px;
    background-repeat: no-repeat;
}

.pop {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 999;
    display: none;
    width: 620px;
    height: 367px;
    background-position: 0 -46px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.closebtn {
    position: absolute;
    top: -46px;
    right: 0;
    width: 46px;
    height: 46px;
    background-position: right 8px;
}

.pop h3 {
    display: block;
    margin-bottom: 20px;
    padding-top: 50px;
    text-align: center;
    font-size: 30px;
    line-height: 40px;
    font-weight: bold;
}

.popts {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 999;
    display: none;
    width: 461px;
    height: 258px;
    background-position: 0 -46px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.popts h3 {
    display: block;
    margin-bottom: 10px;
    padding-top: 50px;
    text-align: center;
    font-size: 30px;
    line-height: 40px;
}

.popcm {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 999;
    display: none;
    width: 620px;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
#popPackageGet {
    z-index: 1000;
}

.pop ul.login {
    display: block;
    overflow: hidden;
    padding-left: 121px;
}

.pop ul.login li {
    float: left;
    display: block;
    width: 158px;
    height: 190px;
}

.pop ul.login li:nth-child(1) {
    margin-right: 71px;
}

.pop ul.login li a {
    display: block;
    width: 158px;
    height: 158px;
}

.pop ul.login li span {
    font-size: 18px;
    color: #110f0f;
    line-height: 25px;
    text-align: center;
    display: block;
}

.sqbtn {
    background-position: -121px -415px;
}

.wxbtn {
    background-position: -348px -421px;
}

ul.system {
    display: block;
    overflow: hidden;
    margin-bottom: 20px;
    padding-left: 200px;
}

ul.system li {
    float: left;
    font-size: 24px;
    line-height: 40px;
}

ul.system li:nth-child(1) {
    margin-right: 80px;
}

ul.system li input {
    margin-right: 10px;
    width: 20px;
    height: 20px;
}

.keynum {
    margin-bottom: 40px;
    text-align: center;
    font-size: 26px;
}

.keynum input {
    width: 259px;
    height: 46px;
    border: 1px solid #d2bd9f;
    text-align: center;
}

.yesbtn {
    display: block;
    margin: 0 auto;
    width: 155px;
    height: 50px;
    background-position: -237px -604px;
}

.bdcg {
    display: block;
    padding-top: 20px;
    text-align: center;
    font-size: 26px;
    line-height: 40px;
}

.bdcgp {
    display: block;
    padding-top: 80px;
    text-align: center;
    font-size: 26px;
    line-height: 40px;
}

.yyqhy {
    display: block;
    text-align: center;
    font-size: 26px;
    line-height: 40px;
}

.p1 {
    width: 620px;
    height: 41px;
    background-position: 0 -46px;
}

.p2 {
    padding-bottom: 41px;
    width: 620px;
    height: auto;
    background-position: 0 bottom;
}

.cmbg h3 {
    display: block;
    margin-bottom: 30px;
    text-align: center;
    font-size: 30px;
    line-height: 40px;
    font-weight: bold;
}

.cmbg {
    font-size: 24px;
}

.cmbg h3.s1 {
    margin-bottom: 10px;
    padding-top: 5px;
}

ul.jltx {
    display: block;
    margin: 0 auto;
    width: 508px;
}

ul.jltx li {
    display: block;
    margin-bottom: 23px;
    line-height: 60px;
}

ul.jltx li span {
    float: left;
    display: block;
    margin-right: 10px;
    width: 112px;
    text-align: right;
}

ul.jltx li input {
    padding: 0 10px;
    width: 360px;
    height: 60px;
    border: 1px solid #d2bd9f;
}

.btnbg {
    display: block;
    margin: 0 auto;
    width: 246px;
    height: 66px;
    background-image: url(https://cdn.until.cc/mir3/tw/booking/popbg-bd-2.jpg);
    background-size: 246px 66px;
    background-repeat: no-repeat;
}

.btnlq {
    display: block;
    margin: 0 auto;
    width: 246px;
    height: 66px;
    background-image: url(https://cdn.until.cc/mir3/tw/booking/popbg-lq.png);
    background-size: 246px 66px;
    background-repeat: no-repeat;
}

.btnbg2 {
    display: block;
    margin: 0 auto;
    width: 150px;
    height: 50px;
    background-image: url(https://cdn.until.cc/mir3/tw/booking/popbtn.png);
    background-size: 150px 150px;
    background-repeat: no-repeat;
}

.okbtn {
    background-position: 0 0;
}

.tjbtn {
    background-position: 0 -100px;
}

.fzbtn {
    background-position: 0 -50px;
}

.hjlist {
    overflow-y: auto;
    margin: 0 auto;
    width: 532px;
    height: 440px;
}

.bdbtn {
    width: 246px;
    height: 66px;
    /*background: url(https://cdn.until.cc/v20190906/booking_static/images/ty/cp/a20190522order/popbg-bd.png) no-repeat;*/
    display: block;
    margin: 0 auto 20px;
}

.hjlist table {
    width: 100%;
    background: #8297a9;
}

.hjlist table th.title {
    height: 40px;
    background: #4ca7f1;
    color: #fff;
    text-align: center;
    font-size: 24px;
}

.hjlist table td {
    width: 50%;
    height: 40px;
    background: #fff;
    color: #666;
    text-align: center;
    font-size: 22px;
}

.popcm .tx1 {
    font-size: 21px;
    color: #595959;
    line-height: 25px;
    height: 25px;
    text-align: center;
}

.popcm h4 {
    color: #78632b;
}

.cjgz {
    margin: 0 auto;
    width: 520px;
}

.cjgz p {
    display: block;
    padding-left: 40px;
    color: #666;
    font-size: 20px;
    line-height: 38px;
}

.cjgz p span {
    float: left;
    display: block;
    margin-top: 5px;
    margin-left: -40px;
    width: 24px;
    height: 24px;
    border-radius: 12px;
    background: #dcc072;
    color: #fff;
    text-align: center;
    font-size: 16px;
    line-height: 24px;
}

.rank-wp2 {
    height: 260px;
    overflow-y: auto;
    overflow-x: hidden;
    margin-bottom: 10px;
    padding: 0 15px 0 35px;
    width: 560px;
}

.p-gd {
    text-align: center;
    color: #dcc072;
    font-size: 20px;
    line-height: 30px;
}

.p-gb {
    text-align: center;
    color: #575757;
    font-size: 30px;
    line-height: 30px;
}

ul.player {
    display: block;
    /*height: 500px;*/
    width: 552px; /*overflow-y: auto;*/
}

ul.player li {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 20px;
    width: 114px;
    text-align: center;
    margin: 0 7px;
}

ul.player li span {
    display: block;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #000
}

ul.player li img {
    width: 102px;
    height: 102px;
    border: 2px solid #d3bea1;
    border-radius: 51px;
}

.rank-wp2::-webkit-scrollbar {
    width: 8px;
    height: 1px;
}

.rank-wp2::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #4ca7f1;
}

.rank-wp2::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0);
    border-radius: 10px;
    background: #e2e2e2;
}

.hphy {
    margin-bottom: 20px;
    color: #333;
    text-align: center;
    line-height: 32px;
    color: #ba993d;
}

.yqm {
    margin: 0 auto 16px auto;
    padding-bottom: 20px;
    width: 591px;
    border-bottom: 1px dashed #ba993d;
    color: #ba993d;
    text-align: center;
    font-weight: 700;
    height: 30px;
    line-height: 30px;
}

.ewm {
    margin: 0 auto;
    margin-bottom: 25px;
    padding: 10px 0 10px 22px;
    width: 542px;
    height: 214px;
    border: 1px solid #d7cbb9;
    border-radius: 2px;
    color: #69604b;
}

.ewm strong {
    font-weight: bold;
    width: 92px;
    height: 35px;
    background: #dcc072;
    font-size: 20px;
    color: #fff;
    text-align: center;
    line-height: 35px;
    border-radius: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.ewm p {
    line-height: 35px;
    font-size: 20px;
    margin-bottom: 20px;
    padding-top: 10px;
    font-weight: bold;
}

.ewm img {
    width: 135px;
    height: 135px;
    display: block;
    margin: 0 auto;
}

.ewm-p {
    line-height: 35px;
    font-size: 20px;
    margin-bottom: 20px;
    padding-top: 10px;
    font-weight: bold;
    padding-left: 47px;
    color: #69604b;
}

.ewm-p strong {
    font-weight: bold;
    width: 92px;
    height: 35px;
    background: #55dfe6;
    font-size: 20px;
    color: #fff;
    text-align: center;
    line-height: 35px;
    border-radius: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.inp1 {
    width: 410px;
    height: 35px;
    border: solid 1px #d7cbb9;
    background: #fff;
    margin: 0 auto 25px;
    color: #8d8d8c;
    font-size: 13px;
    display: block;
    resize: none;
    line-height: 35px;
    padding: 0 5px;
    font-family: Consolas, Menlo, Monaco, "lucida console", "Liberation Mono", "Courier New", "andale mono", 'PingFang SC', 'Hiragino Sans GB', 'Microsoft Yahei', 'WenQuanYi Micro Hei', monospace, sans-serif;
}

.txt {
    height: 60px;
    line-height: 60px;
    text-align: center;
    color: #9f8a53;
    font-size: 18px;
}

.popcm .giftlist ul {
    padding: 0 70px;
    margin-top: 15px;
}

.fzlj {
    margin-bottom: 25px;
    color: #69604b;
    text-align: center;
    font-size: 24px;
}

.yycg {
    margin: 0 auto 20px auto;
    padding-top: 10px;
    padding-bottom: 30px;
    padding-left: 45px;
    width: 480px;
    border-bottom: 1px dashed #ba993d;
    color: #78632b;
    line-height: 34px;
}

.yycg strong {
    display: block;
    color: #000;
    font-size: 28px;
}

.yycg img {
    float: left;
    margin-right: 47px;
    width: 100px;
    height: 100px;
    border: 3px solod #d2bd9f;
}

ul.system2 {
    display: inline;
    overflow: hidden;
    padding-left: 40px;
}

ul.system2 li {
    display: inline;
    font-size: 24px;
    line-height: 40px;
}

ul.system2 li:nth-child(1) {
    margin-right: 40px;
}

ul.system2 li input {
    margin-right: 10px;
}

.jytx {
    overflow: hidden;
    margin-bottom: 17px;
    padding-left: 65px;
    color: #595959;
    line-height: 46px;
}

.jytx a {
    color: #4ca7f1;
    text-decoration: none;
}

.jytx span {
    float: left;
    display: block;
    margin-right: 20px;
    width: 93px;
}

.hqbtn {
    float: left;
    width: 116px;
    height: 46px;
    border: 1px solid #d7cbb9;
    background: #e1caa2;
    color: #78632b;
    text-align: center;
    cursor: pointer;
}

.sj {
    padding: 0 10px;
    width: 366px;
    height: 46px;
    border: 1px solid #d7cbb9;
    color: #595959;
}

.yzm {
    float: left;
    padding: 0 10px;
    width: 249px;
    height: 46px;
    border: 1px solid #d7cbb9;
    color: #595959;
}

.giftlist ul {
    overflow: hidden;
    padding: 40px 70px 40px;
}

.giftlist ul li {
    position: relative;
    z-index: 1;
    float: left;
    display: block;
    width: 154px;
    text-align: center;
    text-align: center;
    font-size: 18px;
    padding-top: 0;
}

.yqm2 {
    margin: 0 auto 16px auto;
    padding-bottom: 20px;
    width: 591px;
    color: #ba993d;
    text-align: center;
    font-weight: 700;
    font-size: 24px;
}

.yqm2 span {
    display: block;
    font-weight: 400;
}

.mt-number-animate {
    position: relative;
    display: inline-block;
    overflow: hidden;
    height: 80px;
    font-size: 70px;
    font-family: arial;
    line-height: 80px;
}

.mt-number-animate .mt-number-animate-dot {
    float: left;
    width: 15px;
    text-align: center;
    line-height: 80px;
}

.mt-number-animate .mt-number-animate-dom {
    position: relative;
    top: 0;
    float: left;
    width: 40px;
    text-align: center;
}

.mt-number-animate .mt-number-animate-dom .mt-number-animate-span {
    float: left;
    width: 100%;
}

.vid-dia {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
}

.vid-dia-div {
    position: relative;
    top: 50%;
    left: 50%;
    width: 1000px;
    height: 565px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.dia-con {
    width: 1000px;
    height: 565px;
}

.tenvideo_player {
    height: 100%;
}

#videoCon {
    width: 100%;
    height: 100%;
}

.leafContainer {
    position: absolute;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 11;
}

.leafContainer > div {
    position: absolute;
    width: 41px;
    height: 35px;
    -webkit-animation-iteration-count: infinite, infinite;
    -webkit-animation-direction: normal, normal;
    -webkit-animation-timing-function: linear, ease-in;
}

.leafContainer > div > img {
    position: absolute;
    width: 41px;
    height: 35px;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-transform-origin: 50% -100%;
}

@-webkit-keyframes fade {
    0% {
        opacity: 1;
    }
    95% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-webkit-keyframes drop {
    0% {
        -webkit-transform: translate(0px, 0px);
    }
    100% {
        -webkit-transform: translate(150px, 1200px);
    }
}

@-webkit-keyframes clockwiseSpin {
    0% {
        -webkit-transform: rotate(-50deg);
    }
    100% {
        -webkit-transform: rotate(50deg);
    }
}

@-webkit-keyframes counterclockwiseSpinAndFlip {
    0% {
        -webkit-transform: scale(-1, 1) rotate(50deg);
    }
    100% {
        -webkit-transform: scale(-1, 1) rotate(-50deg);
    }
}

.header-video {
    width: 1920px;
    height: 900px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -960px;
    z-index: 1;
}

.h5-dialog {
    padding: 25px 0;
}

.h5-dialog {
    background: url(https://cdn.until.cc/v20190906/booking_static/images/ty/cp/a20190522order/dialog.png) no-repeat;
    width: 482px;
    height: 450px;
}

.h5-dialog .closebtn {
    right: 10px;
    top: -57px;
}

.h5-dialog img {
    display: block;
    margin: 50px auto 40px;
}

#qrcode {
    width: 135px;
    height: 135px;
    display: block;
    margin: 0 auto;
}
.package-get.package-get-base {
    margin-top: 130px;
}
.package-get.package-get-total-book, .package-get.package-get-total-book.active {
    margin-left: -5px;
    margin-top: 45px;
    transform: scale(.8);
}

.xiaobao{
    width: 344px;
    height: 430px;
    position: fixed;
    bottom: 20px;
    right: 15px;
    z-index: 100;
}
.xiaobao a{
    width: 100%;
    display: block;
    position: relative;
}
.xiaobao .xb_img{width: 88%;
    margin: 45px 0 0 25px;}
.xiaobao .pc_xb{width:100%;top: 0;left: 0;position: absolute;}