@charset "utf-8";
/* CSS Document */

html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% }

body { margin: 0 }

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary { display: block }

audio,
canvas,
progress,
video { display: inline-block; width: 462px }

    audio:not([controls]) { display: none; height: 0 }

progress { vertical-align: baseline }

template,
[hidden] { display: none }

a { background-color: transparent; -webkit-text-decoration-skip: objects }

    a:active,
    a:hover { outline-width: 0 }

abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted }

b,
strong { font-weight: inherit }

b,
strong { font-weight: bolder }

dfn { font-style: italic }

h1 { font-size: 2em; margin: 0.67em 0 }

mark { background-color: #ff0; color: #000 }

small { font-size: 80% }

sub,
sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }

sub { bottom: -0.25em }

sup { top: -0.5em }

img { border-style: none }

svg:not(:root) { overflow: hidden }

code,
kbd,
pre,
samp { font-family: monospace, monospace; font-size: 1em }

figure { margin: 1em 40px }

hr { box-sizing: content-box; height: 0; overflow: visible }

button,
input,
select,
textarea { font: inherit; margin: 0 }

optgroup { font-weight: bold }

button,
input { overflow: visible }

button,
select { text-transform: none }

button,
html [type="button"],
[type="reset"],
[type="submit"] { -webkit-appearance: button }

    button::-moz-focus-inner,
    [type="button"]::-moz-focus-inner,
    [type="reset"]::-moz-focus-inner,
    [type="submit"]::-moz-focus-inner { border-style: none; padding: 0 }

    button:-moz-focusring,
    [type="button"]:-moz-focusring,
    [type="reset"]:-moz-focusring,
    [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText }

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em }

legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal }

textarea { overflow: auto }

[type="checkbox"],
[type="radio"] { box-sizing: border-box; padding: 0 }

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button { height: auto }

[type="search"] { -webkit-appearance: textfield; outline-offset: -2px }

    [type="search"]::-webkit-search-cancel-button,
    [type="search"]::-webkit-search-decoration { -webkit-appearance: none }

::-webkit-input-placeholder { color: inherit; opacity: 0.54 }

::-webkit-file-upload-button { -webkit-appearance: button; font: inherit }

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,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section { margin: 0; padding: 0 }

ol,
ul { list-style: none }

a,
a:hover { text-decoration: none }

select,
input,
textarea { outline: none }

h1,
h2,
h3 { font-weight: normal }

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

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

*,
*:before,
*:after { box-sizing: border-box }

label[for] { cursor: pointer }

::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.3); opacity: 1 }

.fix:before,
.fix:after { content: ''; display: table }

.fix:after { clear: both }

.video-tab-items .avatar:before,
.video-tab-items .avatar:after,
.consult .avatar:before,
.consult .avatar:after,
.process .avatar:before,
.hotels-list-items .thumb:before,
.hotels-list-items .thumb .cover,
.hotels-list-items .thumb .cover:before,
.gallery-thumbs .swiper-slide:after,
.mask { position: absolute; left: 0; top: 0; right: 0; bottom: 0 }

html,
body { position: relative; background: #fff; -webkit-tap-highlight-color: transparent }

body { height: auto !important; font: 12px/1.5 "Microsoft Yahei", helvetica, Arial, sans-serif; color: #4A4A4A; background: #FFFDF5 }

.icons { background: url(../images/sprite.png) no-repeat }

.container { margin: 0 auto; width: 1336px }

.main-kv { position: relative }

.kv { margin-left: 320px }

.kv-aside { position: absolute; left: 0; top: 0; width: 320px; height: 100%; text-align: center; background-color: #F7BD95 }

    .kv-aside .submit { margin: auto; width: 240px; line-height: 40px; text-align: center; font-size: 15px; color: #fff; background-color: #EF7622; border-radius: 5px; border: 0; cursor: pointer; transition: background .3s }

        .kv-aside .submit:hover { background-color: rgba(239, 118, 34, 0.6) }

    .kv-aside .read { margin-bottom: 12px; font-size: 12px }

        .kv-aside .read a { color: #BC560E; text-decoration: underline }

        .kv-aside .read input { display: none }

            .kv-aside .read input:checked + .lab:after { opacity: 1 }

        .kv-aside .read .lab { margin: -3px 6px 0 0; position: relative; vertical-align: middle; display: inline-block; width: 14px; height: 14px; background-color: #fff; border-radius: 3px }

            .kv-aside .read .lab:after { content: ""; position: absolute; left: 50%; top: 50%; margin: -10px 0 0 -8px; width: 16px; height: 16px; background: url(../images/sprite.png) 0 -849px; opacity: 0; transition: opacity .3s }

    .kv-aside .contact { position: absolute; left: 0; bottom: 0; width: 100%; padding: 16px 0 13px; font-size: 13px; color: #fff; background-color: #FFAA6F }

        .kv-aside .contact .title .icons { margin: -5px 10px 0 0; vertical-align: middle; display: inline-block; width: 33px; height: 34px; background-position: -5px -31px }

        .kv-aside .contact .tel { margin-top: 10px; padding-top: 8px; display: inline-block; border-top: 1px solid rgba(255, 255, 255, 0.6) }

.kv-aside-title { margin: 30px 0; font-size: 18px; color: #fff }

.form-items { margin: 0 auto 14px; width: 240px; padding: 0 7px 0 13px; text-align: left; font-size: 14px; background-color: #fff; border-radius: 5px }

    .form-items .lab { float: left; line-height: 40px }

        .form-items .lab:after { content: "|"; margin: -5px 0 0 10px; vertical-align: middle; display: inline-block; font-size: 12px; color: #e8e8e8 }

        .form-items .lab .space { display: inline-block; width: 27px }

    .form-items .input { position: relative; overflow: hidden }

        .form-items .input select,
        .form-items .input input { display: block; width: 100%; height: 40px; padding: 0 10px; border: 0; background-color: transparent }

        .form-items .input .select { position: absolute; right: 2px; top: 12px; width: 18px; height: 16px; background-position: -5px -5px }

.nav { margin: 50px 0 40px; height: 62px; padding-top: 3px; text-align: center }

    .nav .hilton { position: absolute; left: 25px; top: 13px; width: 92px; height: 35px; background: url(../images/hilton.png); opacity: 0; transition: opacity .5s }

    .nav .activity { position: absolute; top: 0; right: 0; width: 306px; height: 78px; background: url(../images/activity-img.png); transition: background .3s, opacity .5s; opacity: 0; z-index: -1 }

        .nav .activity:hover { background-image: url(../images/activity-img-hover.png) }

    .nav.fixed { position: fixed; z-index: 11; left: 0; top: 0; margin: 0; width: 100%; background-color: #FAA367; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); backface-visibility: hidden }

        .nav.fixed .hilton,
        .nav.fixed .activity { opacity: 1 }

        .nav.fixed .nav-items.n1.active,
        .nav.fixed .nav-items.n1:hover { background-position: 0 -625px }

        .nav.fixed .nav-items.n2.active,
        .nav.fixed .nav-items.n2:hover { background-position: 0 -681px }

        .nav.fixed .nav-items.n3.active,
        .nav.fixed .nav-items.n3:hover { background-position: 0 -737px }

        .nav.fixed .nav-items.n4.active,
        .nav.fixed .nav-items.n4:hover { background-position: 0 -793px }

.nav-items { margin: 0 50px; display: inline-block; width: 114px; line-height: 56px; font-size: 16px; color: #4A4A4A }

    .nav-items.n1 { background-position: -5px -75px }

    .nav-items.n2 { background-position: -5px -141px }

    .nav-items.n3 { background-position: -5px -207px }

    .nav-items.n4 { background-position: -5px -273px }

.intro { margin: 0 auto; position: relative; width: 1071px; height: 833px; padding: 200px 0 0 190px; background: url(../images/intro-bg.jpg) no-repeat }

    .intro .title { margin-bottom: 20px; font-size: 20px }

.intro-scroll { width: 750px; height: 260px }

    .intro-scroll p { margin-right: 76px; margin-bottom: 20px; font-size: 14px; line-height: 1.8 }

.pencil { position: absolute; left: 470px; bottom: 0; width: 78px; height: 59px; background: url(../images/icon-pencil.png) no-repeat }

.mCSB_scrollTools .mCSB_draggerRail { width: 10px; border-radius: 0; background-color: #F6E7DD }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 10px; background-color: #F7BD95 !important; border-radius: 0 }

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #F7BD95 }

.video-section { margin: 0 auto; position: relative; width: 1071px; height: 399px; background: url(../images/video-bg.jpg) no-repeat }

.video-tab { position: absolute; left: 134px; top: 30px }

.video-tab-items,
.consult { margin-right: 20px; float: left }

    .video-tab-items.odd,
    .consult.odd { margin-top: 70px }

        .video-tab-items.odd .avatar:before,
        .consult.odd .avatar:before { background-color: #CBCBCB }

    .video-tab-items .title,
    .consult .title { margin-left: 40px; width: 20px; padding-right: 60px; font-size: 16px; background: url(../images/video-line.png) no-repeat 100% 2px; transition: color .5s }

        .video-tab-items .title.active,
        .consult .title.active { color: #EF7622 }

    .video-tab-items .avatar,
    .consult .avatar { margin-top: 18px; position: relative }

        .video-tab-items .avatar img,
        .consult .avatar img { position: relative }

        .video-tab-items .avatar:before,
        .video-tab-items .avatar:after,
        .consult .avatar:before,
        .consult .avatar:after { content: ""; border-radius: 50% }

        .video-tab-items .avatar:before,
        .consult .avatar:before { right: -4px; bottom: -4px; background-color: #F7BD95 }

        .video-tab-items .avatar:after,
        .consult .avatar:after { background: linear-gradient(0deg, rgba(0, 0, 0, 0.7), transparent 60%) }

        .video-tab-items .avatar .btn,
        .consult .avatar .btn { position: absolute; z-index: 1; left: 50%; top: 50%; margin: -16px 0 0 -16px; width: 32px; height: 33px; background-position: 0 -334px }

            .video-tab-items .avatar .btn.pause,
            .consult .avatar .btn.pause { margin: -10px 0 0 -7px; width: 15px; height: 21px; background-position-y: -367px }

.video-box { position: absolute; top: 0; right: 10px; width: 486px; height: 330px; background-color: #fff; border: 1px solid #EF7622; -ms-transform: rotate(0.5deg); transform: rotate(0.5deg) }

    .video-box:before { content: ""; position: absolute; left: 8px; top: 8px; right: -8px; bottom: -8px; border: solid #EF7622; border-width: 0 8px 8px 0 }

    .video-box .inner { -ms-transform: rotate(-0.5deg); transform: rotate(-0.5deg) }

    .video-box .video { margin: 14px auto; width: 467px; height: 262px }

    .video-box .name { padding: 0 30px; font-size: 14px }

.camera { position: absolute; left: 230px; top: -40px; width: 118px; height: 72px; background: url(../images/icon-camera.png) no-repeat }

.cloud { position: absolute; right: 266px; top: -20px; width: 121px; height: 78px; background: url(../images/icon-cloud.png) no-repeat }

.chef { position: absolute; right: 60px; top: 320px; width: 53px; height: 58px; background: url(../images/icon-chef.png) no-repeat }

.process { margin: 0 auto; position: relative; width: 1071px; height: 954px; background: url(../images/process-bg.jpg) no-repeat }

    .process .avatar { position: absolute; width: 252px; height: 252px }

        .process .avatar:before { content: ""; right: -5px; bottom: -5px; border-radius: 50%; background-color: #CBCBCB }

        .process .avatar img { position: relative }

        .process .avatar.a1 { top: 10px; left: -30px }

        .process .avatar.a2 { bottom: 163px; right: -30px }

    .process .steps { position: absolute; width: 290px; padding-left: 64px }

        .process .steps.s1 { top: 40px; left: 300px }

        .process .steps.s2 { top: 100px; right: 120px }

        .process .steps.s3 { bottom: 150px; right: 216px; width: 270px }

            .process .steps.s3:before { content: none }

            .process .steps.s3 .icons { margin-right: -5px; display: inline-block; width: 61px; height: 85px; background-position: 0 -454px }

        .process .steps:before { content: ""; position: absolute; left: 0; bottom: 0; width: 61px; height: 85px; background: url(../images/sprite.png) no-repeat 0 -454px }

        .process .steps .icons { margin-right: 15px; vertical-align: text-bottom; display: inline-block; width: 68px; height: 66px; background-position: 0 -388px }

        .process .steps .time { margin-bottom: 16px; font-size: 32px; color: #fad3b5 }

            .process .steps .time span { font-size: 44% }

        .process .steps .txt { font-size: 14px; line-height: 1.6 }

        .process .steps .title { margin-top: 16px; font-size: 24px; color: #EF7622 }

            .process .steps .title span { vertical-align: -2px; display: inline-block; font-family: arial; font-size: 134% }

    .process .sign-up { position: absolute; left: -7px; bottom: 36px; width: 474px; height: 476px; padding-top: 30px; background: url(../images/process-form-bg.png) no-repeat }

        .process .sign-up .title { margin-bottom: 15px; font-size: 20px; color: #EF7622; text-align: center }

    .process .form-items { margin-bottom: 10px; width: 270px }

        .process .form-items .lab { line-height: 36px }

        .process .form-items input,
        .process .form-items select { height: 36px }

    .process .rules { padding-top: 2px; display: block; font-size: 14px; color: #EF7622; text-align: center; text-decoration: underline; letter-spacing: 2px }

    .process .submit { position: absolute; bottom: 43px; right: -40px; width: 115px; height: 115px; font-size: 16px; color: #fff; background-color: #EF7622; border-radius: 50%; border-width: 0; border-color: #fff; border-style: solid; cursor: pointer; transition: background .5s }

        .process .submit:hover { background-color: #FFAA6F }

    .process .tel { position: absolute; left: 462px; bottom: 342px; width: 189px; height: 123px; background: url(../images/tel.png) no-repeat; text-indent: -9999px }

    .process .consult { position: absolute; bottom: 105px; left: 510px }

        .process .consult:hover .title { color: #EF7622 }

        .process .consult:hover .btn { background-color: #FFAA6F }

    .process .btn { margin: 20px 0 0 30px; display: block; width: 64px; height: 64px; text-align: center; background-color: #FDD001; border-radius: 50%; transition: background .5s }

        .process .btn .icons { margin-top: 15px; display: inline-block; width: 33px; height: 34px; background-position: -5px -31px }

.hotels { margin: 0 auto; position: relative; width: 1193px; padding-top: 160px; background: url(../images/hotel-bg.jpg) no-repeat }

.hotels-tab { text-align: center }

.hotels-tab-items { margin: 0 10px; vertical-align: middle; display: inline-block; padding-left: 26px; color: #fff; text-align: left; background-repeat: no-repeat }

    .hotels-tab-items .title { margin-bottom: 10px; font-size: 18px; text-shadow: 0 2px 4px #EF7622; letter-spacing: 2px }

    .hotels-tab-items .name { margin: 0 14px 5px 0; display: inline-block; font-size: 14px; color: #fff }

        .hotels-tab-items .name:hover,
        .hotels-tab-items .name.active { color: #EF7622 }

    .hotels-tab-items.i1 { padding-top: 50px; background-image: url(../images/hotels-bg-01.png) }

    .hotels-tab-items.i2 { padding-top: 50px; background-image: url(../images/hotels-bg-02.png) }

    .hotels-tab-items.i3 { padding-top: 50px; background-image: url(../images/hotels-bg-03.png) }

    .hotels-tab-items.i4 { padding-top: 50px; background-image: url(../images/hotels-bg-04.png) }

    .hotels-tab-items.i5 { padding-top: 50px; background-image: url(../images/hotels-bg-05.png) }

    .hotels-tab-items.i6 { padding-top: 50px; background-image: url(../images/hotels-bg-06.png) }

    .hotels-tab-items.i7 { padding-top: 50px; background-image: url(../images/hotels-bg-07.png) }

    .hotels-tab-items.i8 { padding-top: 50px; background-image: url(../images/hotels-bg-08.png) }

    .hotels-tab-items.i9 { padding-top: 50px; background-image: url(../images/hotels-bg-09.png) }

    .hotels-tab-items.i10 { padding-top: 50px; background-image: url(../images/hotels-bg-010.png) }

    .hotels-tab-items.i5 { padding-top: 40px; background-image: url(../images/hotels-bg-05.png) }

    .hotels-tab-items.i6 { padding-top: 40px; background-image: url(../images/hotels-bg-06.png) }

    .hotels-tab-items.i7 { padding-top: 40px; background-image: url(../images/hotels-bg-07.png) }

    .hotels-tab-items.i8 { padding-top: 40px; background-image: url(../images/hotels-bg-08.png) }

    .hotels-tab-items.i9 { padding-top: 40px; background-image: url(../images/hotels-bg-09.png) }

    .hotels-tab-items.i10 { padding-top: 40px; background-image: url(../images/hotels-bg-010.png) }

    .hotels-tab-items.i1 { width: 230px; height: 181px; padding-top: 75px }

    .hotels-tab-items.i2 { width: 230px; height: 135px; padding-top: 40px; }

    .hotels-tab-items.i3 { width: 178px; height: 160px; background-size: 100% 100%; }

    .hotels-tab-items.i4 { width: 164px; height: 138px; padding-top: 45px }

    .hotels-tab-items.i5 { width: 163px; height: 122px; padding-top: 26px }

    .hotels-tab-items.i6 { width: 186px; height: 122px }

    .hotels-tab-items.i7 { width: 202px; height: 125px }

    .hotels-tab-items.i8 { width: 212px; height: 121px }

    .hotels-tab-items.i9 { width: 183px; height: 117px }

    .hotels-tab-items.i10 { width: 194px; height: 123px }

.hotels-list { position: relative; text-align: center; height: 1256px; overflow: hidden }

    .hotels-list.showAll { height: auto }

    .hotels-list:before { content: ""; position: absolute; top: 0; right: 4px; bottom: 140px; width: 10px; background-color: #EF7622 }

.hotels-list-items { margin: 40px 45px 0; display: inline-block }

    .hotels-list-items .thumb { position: relative; width: 248px; height: 248px; background-size: cover; background-position: center }

        .hotels-list-items .thumb:before { content: ""; background-repeat: no-repeat }

        .hotels-list-items .thumb.m1:before { background-image: url(../images/mask-04.png) }

        .hotels-list-items .thumb.m2:before { background-image: url(../images/mask-02.png) }

        .hotels-list-items .thumb.m3:before { background-image: url(../images/mask-01.png) }

        .hotels-list-items .thumb.m4:before { background-image: url(../images/mask-02.png) }

        .hotels-list-items .thumb .cover { padding-top: 115px; font-size: 14px; color: #4A4A4A; background-color: rgba(255, 255, 255, 0.5); opacity: 0; transition: opacity .5s; border-radius: 50%; }

            .hotels-list-items .thumb .cover:before { content: ""; right: 24px; top: 24px; left: 24px; bottom: 24px; background-color: rgba(255, 255, 255, 0.6); border-radius: 50% }

            .hotels-list-items .thumb .cover span { position: relative }

    .hotels-list-items .name { margin-top: 5px; font-size: 14px }

    .hotels-list-items:hover .cover { opacity: 1 }

.gallery { margin: 15px auto; position: relative; width: 904px; height: 498px; padding: 52px 54px 52px 57px; background: url(../images/photos-bg.png) no-repeat }

.gallery-big { margin-right: 6px; float: left; width: 654px; height: 100% }

    .gallery-big .note { position: absolute; left: 0; bottom: 0; width: 100%; padding: 0 20px 0 30px; font-size: 14px; color: #fff; line-height: 46px; background-color: rgba(0, 0, 0, 0.6) }

    .gallery-big .fr { float: right; font-size: 16px; letter-spacing: 3px }

.gallery-thumbs { margin-top: 33px; height: 328px; background-color: rgba(239, 118, 34, 0.35); overflow: hidden }

    .gallery-thumbs .swiper-slide { height: 82px; background-repeat: no-repeat; background-size: cover; background-position: center }

        .gallery-thumbs .swiper-slide:after { content: ""; background: rgba(0, 0, 0, 0.5); transition: background .5s }

    .gallery-thumbs .swiper-slide-active:after { background: rgba(0, 0, 0, 0.1) }

.gallery-button { position: absolute; right: 54px; top: auto; left: auto; margin-top: 0; width: 133px; height: 33px; line-height: 33px; text-align: center; background: #EF7622 }

    .gallery-button .icons { vertical-align: middle; display: inline-block; width: 20px; height: 13px }

    .gallery-button.top { top: 52px }

        .gallery-button.top .icons { background-position: 0 -549px }

    .gallery-button.btm { bottom: 52px }

        .gallery-button.btm .icons { background-position: 0 -572px }

.hotels-more { margin-top: -140px; height: 348px; padding-top: 200px; font-size: 14px; color: #5C4D44; text-align: center; background: url(../images/hotel-btm-bg.jpg) no-repeat 0 100% }

    .hotels-more .icons { margin: 8px auto; display: block; width: 30px; height: 30px; background-position: 0 -595px }

.footer-banner { margin: 0 auto; width: 1012px }

.stars1 { position: absolute; background: url(../images/hotels-star1.png) no-repeat }

.stars2 { position: absolute; background: url(../images/hotels-star2.png) no-repeat }

.stars3 { position: absolute; background: url(../images/hotels-star3.png) no-repeat }

.stars4 { position: absolute; background: url(../images/hotels-star4.png) no-repeat }

.stars5 { position: absolute; background: url(../images/hotels-star5.png) no-repeat }

.stars1 { left: 370px; top: 510px; width: 41px; height: 49px }

.stars2 { right: 70px; top: 800px; width: 48px; height: 43px }

.stars3 { left: 80px; top: 1200px; width: 48px; height: 43px }

.stars4 { left: 60px; top: 1600px; width: 58px; height: 54px }

.stars5 { right: 320px; top: 1750px; width: 48px; height: 43px }

.ball1 { position: absolute; width: 100px; height: 174px; background: url(../images/hotels-ball1.png) no-repeat }

.ball2 { position: absolute; width: 100px; height: 174px; background: url(../images/hotels-ball2.png) no-repeat }

.ball1 { left: 20px; top: 710px }

.ball2 { right: 22px; top: 1360px }

/*# sourceMappingURL=style.css.map */

/*! update 2017-06-02 11:24:06 */

.terms { margin: 40px auto; width: 1019px; height: 621px; padding: 70px 96px 52px 100px; background: url(../images/terms-bg.png) }

    .terms .title { margin-bottom: 15px; font-size: 14px }

        .terms .title span { margin-top: 15px; display: block; font-size: 85.71% }

    .terms .cols { vertical-align: top; display: inline-block; width: 392px }

        .terms .cols + .cols { margin-left: 35px }

            .terms .cols + .cols p { margin-bottom: 15px }

    .terms p { line-height: 1.8; margin-bottom: 20px }

.mask { position: fixed; z-index: 10; background-color: rgba(0, 0, 0, 0.7) }

.dialog { position: fixed; z-index: 10; left: 50%; top: 50%; margin: -295px 0 0 -509px; height: 591px; padding-top: 60px; background: url(../images/terms-bg-dialog.png) }

    .dialog .read { display: block; margin: 0 auto; width: 138px; line-height: 40px; font-size: 14px; color: #fff; text-align: center; background-color: #EF7622; border-radius: 9px }


.go-top { position: fixed; right: 16px; bottom: 20%; width: 50px; height: 50px; background: url(../images/icon-gotop.png); opacity: 0; transition: opacity .3s }

.video-box .video .sample { width: 100%; height: 100%; }


.go-top.active { opacity: 1 }

/* top and foot���������������������������������������������������������������� */

.new_top_inner .hotline,
.new_top_inner .promise a,
.new_top_inner .jiant a,
.new_top_inner .fant a,
.new_top_inner .yingy a { display: block; background: url(../images/tel-sc.png) no-repeat; text-indent: -999em; }

.new_top_inner .jiant,
.new_top_inner .fant,
.new_top_inner .yingy { float: right; }

.new_top_inner { position: relative; /*max-width: 1200px;*/ margin: 0 auto; margin-left: 30px; display: none; }

    /* update 2015-11-17 */

    .new_top_inner .jiant a { background-position: -205px 0px; width: 45px; height: 30px; }

        .new_top_inner .jiant a.on { background-position: -105px 0px; width: 45px; height: 30px; }

    .new_top_inner .fant a { background-position: -150px 0px; width: 48px; height: 30px; }

        .new_top_inner .fant a.on { background-position: -250px 0px; width: 48px; height: 30px; }

    .new_top_inner .promise a { float: right; background-position: 0px 0px; width: 108px; height: 25px; }

    .new_top_inner .yingy a { background-position: -250px -35px; width: 48px; height: 30px; }


    .new_top_inner .hotline { background-position: 0px -41px; height: 20px; clear: both; text-indent: 6.5em; color: #613414; font: 14px "Arial"; margin: 4px 8px 0 0; }

    .new_top_inner .top-bar-logos { left: 0; }

/* ͷβ���ݿ�ʼ���������������������������������������������������������������� */

.top-bar-logos { display: none; position: absolute; left: 30px; top: 0; height: 49px; margin-top: 9px; text-align: left; z-index: 7; }

    .top-bar-logos li { float: left; margin-left: 13px; display: inline; position: relative; }

        .top-bar-logos li.first { margin-left: 0; }

        .top-bar-logos li a { background: url(../images/new-header-logos.png) no-repeat; display: block; height: 27px; }

            /* header icon */

            .top-bar-logos li a.l1 { background-position: 0 0px; width: 23px; }

            .top-bar-logos li a.l2 { background-position: -32px 0; width: 37px; }

            .top-bar-logos li a.l3 { background-position: -79px 0; width: 40px; }

            .top-bar-logos li a.l4 { background-position: -128px 0; width: 30px; }

            .top-bar-logos li a.l5 { background-position: -169px 0; width: 35px; }

            .top-bar-logos li a.l6 { background-position: -213px 0; width: 32px; }

            .top-bar-logos li a.l7 { background-position: -252px 0; width: 29px; }

            .top-bar-logos li a.l8 { background-position: -292px 0; width: 30px; }

            .top-bar-logos li a.l9 { background-position: -334px 0; width: 34px; }

            .top-bar-logos li a.l10 { background-position: -379px 0; width: 29px; }

            .top-bar-logos li a.l11 { background-position: -420px 0; width: 20px; }

            .top-bar-logos li a.l12 { background-position: -451px 0; width: 34px; }

            .top-bar-logos li a.l13 { background-position: -495px 0; width: 31px; }

            .top-bar-logos li a.l14 { background-position: -537px 0; width: 42px; }

            .top-bar-logos li a.hhonors { background-position: -537px 0; width: 42px; }

        /* header icon.on */

        .top-bar-logos li.on a { background-position-y: -28px; }

/* header tips */

.logobar_brand_tooltip { top: 38px; position: absolute; left: 50%; margin-left: -79px; width: 158px; z-index: 1050; font-size: 11px; color: #666; line-height: 18px; padding: 10px 15px 10px 15px; background: #fff; border: solid 1px #f0f0f0; -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0px 0px 5px #ccc; -moz-border-radius: 4px 4px 4px 4px; -webkit-box-shadow: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; visibility: hidden; behavior: url(/js/PIE.htc); }

.logo_bar1 { left: 60px; }

/*.logo_bar2 { left: -70px; }
.logo_bar3 { left: -65px; }
.logo_bar4 { left: -70px; }
.logo_bar5 { left: -70px; }
.logo_bar6 { left: -70px; }
.logo_bar7 { left: -75px; }
.logo_bar8 { left: -75px; }
.logo_bar9 { left: -73px; }*/

.arrow_bottom_bar { background: url(http://www.hilton.com.cn/zh-cn/images/brand_tooltip_arrow_DOWN.png) 0 0 no-repeat; width: 20px; height: 13px; display: block; left: 50%; margin-left: -10px; position: absolute; top: -13px; }

.first .arrow_bottom_bar { left: 30px; }

/* footer logos */

.logos { margin: 0 auto; max-width: 1118px; padding: 20px 0 10px 0; text-align: center; }

    .logos ul { text-align: justify; }

        .logos ul:after { content: ""; display: inline-block; width: 100%; height: 0; }

    .logos li { display: inline-block; position: relative; text-align: left; }

        .logos li a { display: block; background: url(../images/new-footer-logos.png) 0 0 no-repeat; margin-left: 4px; height: 52px; margin: 0; padding: 0; width: 45px; }

.generalconrad li a { display: block; background: url(../images/logobar-conrad-down-sc.png) 0 0 no-repeat; }

.logos li.l1 a { width: 43px; background-position: 0 0; }

.logos li.l2 a { width: 69px; background-position: -62px 0; }

.logos li.l3 a { width: 77px; background-position: -151px 0; }

.logos li.l4 a { width: 56px; background-position: -245px 0; }

.logos li.l5 a { width: 66px; background-position: -323px 0; }

.logos li.l6 a { width: 62px; background-position: -407px 0; }

.logos li.l7 a { width: 62px; background-position: -483px 0; }

.logos li.l8 a { width: 57px; background-position: -559px 0; }

.logos li.l9 a { width: 65px; background-position: -638px 0; }

.logos li.l10 a { width: 54px; background-position: -726px 0; }

.logos li.l11 a { width: 39px; background-position: -803px 0; }

.logos li.l12 a { width: 64px; background-position: -863px 0; }

.logos li.l13 a { width: 58px; background-position: -948px 0; }

.logos li.l14 a { width: 79px; background-position: -1028px 0; }

.logos li a:hover { background-position-y: -52px; }

.brand_tooltip { bottom: 70px; position: absolute; left: 50%; margin-left: -79px; width: 158px; z-index: 1050; font-size: 11px; color: #666; line-height: 18px; padding: 10px 15px 10px 15px; background: #fff; border: solid 1px #f0f0f0; -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0px 0px 5px #ccc; -moz-border-radius: 4px 4px 4px 4px; -webkit-box-shadow: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; display: none; behavior: url(/js/PIE.htc); }

* html .brand_tooltip { border: solid 1px #2f2f2f; border-radius: 0; }

/*.logos li a .brand_tooltip { left: -55px; }
.logos li.brand_bar_HH .brand_tooltip { left: -45px; }
.logos li.brand_bar_HI .brand_tooltip { left: -63px; }
.logos li.brand_bar_WA .brand_tooltip { left: -74px; }
.logos li.brand_bar_CH .brand_tooltip { left: -63px; }
.logos li.brand_bar_CA .brand_tooltip { left: -60px; }
.logos li.brand_bar_CU .brand_tooltip { left: -72px; }
.logos li.brand_bar_DT .brand_tooltip { left: -63px; }
.logos li.brand_bar_ES .brand_tooltip { left: -64px; }
.logos li.brand_bar_GI .brand_tooltip { left: -65px; }
.logos li.brand_bar_HP .brand_tooltip { left: -69px; }
.logos li.brand_bar_TR .brand_tooltip { left: -69px; }
.logos li.brand_bar_HW .brand_tooltip { left: -60px; }
.logos li.brand_bar_HS .brand_tooltip { left: -65px; }
.logos li.brand_bar_HG .brand_tooltip { left: -55px; }*/

.arrow_bottom { position: absolute; left: 50%; bottom: -11px; margin-left: -10px; width: 20px; height: 13px; background: url(https://www.hilton.com.cn/zh-cn/images/brand_tooltip_arrow.png) 0 0 no-repeat; }

/* footer global */

.global { padding: 20px 0 60px; text-align: center; }

    .global li { display: inline-block; height: 22px; margin-right: 18px; overflow: hidden; }

        .global li a { font-size: 12px; color: #303030; text-decoration: none; }

        .global li span { margin-left: 15px; color: #303030; }

/* ͷβ���ݽ��������������������������������������������������������������������������� */

.new-top-bar { float: right; font-size: 0; }

.new-top-bar-fea.sprites { position: relative; }

    .new-top-bar-fea.sprites .new-top-bar-fea-discount { position: absolute; width: 59px; height: 100%; right: 91px; top: 0; }

    .new-top-bar-fea.sprites .new-top-bar-fea-hhonors { position: absolute; width: 79px; height: 100%; left: 12px; top: 0; }

    .new-top-bar-fea.sprites .new-top-bar-fea-join { position: absolute; width: 280px; height: 100%; right: 0; top: 0; }

.new-top-bar-fea,
.new-top-bar-login { vertical-align: middle; display: inline-block; width: 369px; height: 45px; background: url(../images/new-header-feature.jpg) no-repeat; }


.new-footer-logo { margin: 50px auto 10px; display: block; width: 147px; }

.new-footer-honors { margin: 20px auto 40px; position: relative; max-width: 1118px; height: 2px; background: #444343; }

    .new-footer-honors a { position: absolute; left: 50%; top: 50%; margin: -17px 0 0 -66px; width: 132px; height: 35px; background: #e5f6fd url(../images/new-hilton-honors.png) no-repeat 50% 0; }


.new-footer-links { padding: 20px 0 60px; text-align: center; overflow: hidden; margin-left: 70px; }

    .new-footer-links ul,
    .new-footer-usa { display: inline-block; vertical-align: top; margin-bottom: 10px; height: 150px; padding: 0 60px; }

        .new-footer-links ul + ul,
        .new-footer-usa { border-left: 1px solid #bbb7ae; }

.new-footer-items { display: block; /*margin-bottom: 6px;*/ font-size: 12px; color: #4c4c4c; text-decoration: none; text-align: left; }

    .new-footer-items i { width: 79px; height: 18px; display: inline-block; background-image: url('../images/new-footer-ad.jpg'); background-repeat: no-repeat; }


/* new header+footer update 2017-03-29 15:36:49 */

/* 4158�� �������ӵ���ʽ */

/* ����ҳ��classΪ
��.city-search-bar��,��.mb-header��,��.global��,
��htmlע�͵�  */

.new-header-features { padding: 0 12% 0 16%; line-height: 28px; }

    .new-header-features .honors { vertical-align: middle; display: inline-block; }

        .new-header-features .honors img { display: block; width: 44px; }

    .new-header-features .group { float: right; text-align: right; color: #4A4A4A; font-size: 12px; text-decoration: none; }

        .new-header-features .group span { margin-left: 10px; position: relative; display: inline-block; }

        .new-header-features .group .free { width: 70px; height: 100%; color: #fff; text-align: center; background-color: #009FEA; }

            .new-header-features .group .free:after,
            .new-header-main .tel-find .entry a:after { content: ""; margin: -2px 0 0 3px; vertical-align: middle; display: inline-block; width: 6px; height: 6px; border-top: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(45deg); }

        .new-header-features .group .wifi:before { content: ""; position: absolute; left: -6px; top: 5px; bottom: 5px; border-left: 1px solid #000; }

        .new-header-features .group .wifi img { margin-right: 2px; width: 10px; }

.new-header-main { height: 66px; background-color: #001E3A; border-top: 1px solid #E6E6E6; }

    .new-header-main .logo { float: left; position: relative; width: 24%; height: 100%; }

        .new-header-main .logo img { position: absolute; left: 50%; top: 50%; transform: translate3d(-50%, -50%, 0); width: 58px; }

    .new-header-main .tel-find { height: 100%; position: relative; overflow: hidden; }

        .new-header-main .tel-find .tel { padding-right: 12px; font-size: 12px; line-height: 25px; text-align: right; color: #4A4A4A; background-color: #fff; }

            .new-header-main .tel-find .tel a { margin-left: 15px; color: #00ACED; text-decoration: none; }

            .new-header-main .tel-find .tel img { margin-right: 3px; vertical-align: middle; width: 9px; }

        .new-header-main .tel-find .entry { position: absolute; right: 12px; bottom: 7px; text-align: right; white-space: nowrap; }

            .new-header-main .tel-find .entry a { margin-left: 11px; display: inline-block; width: 100px; font-size: 14px; color: #4A4A4A; line-height: 20px; text-align: center; text-decoration: none; background-color: #fff; border-radius: 4px; border: 1px solid #cbcbcb; }

                .new-header-main .tel-find .entry a:after { border-color: #009FEA; }

/* footer begin */

.new-footer { margin: 30px 0; }

    .new-footer .go-usa { display: block; width: 100%; }

.new-header-hilton,
.new-header-honors,
.new-footer-logos li a { display: block; background: url(../images/new-footer-sprite.png) no-repeat; background-size: 249px 727px; }

.new-header-hilton { margin: 30px auto 0; width: 205px; height: 77px; background-position: -23px 0; }

.new-header-honors { margin: 0 auto 30px; width: 249px; height: 50px; background-position: 0 -677px; }

.new-footer-logos { margin: 35px auto 0; width: 249px; display: flex; align-items: center; }

    .new-footer-logos li { width: 50%; }

        .new-footer-logos li a { display: block; margin: 0 auto 30px; }

        .new-footer-logos li:last-child a { margin-bottom: 22px; }

        .new-footer-logos li .l1 { width: 61px; height: 73px; background-position: -19px -111px; }

        .new-footer-logos li .l2 { width: 108px; height: 31px; background-position: -1px -224px; }

        .new-footer-logos li .l3 { width: 93px; height: 32px; background-position: -3px -295px; }

        .new-footer-logos li .l4 { width: 88px; height: 28px; background-position: -6px -368px; }

        .new-footer-logos li .l5 { width: 90px; height: 36px; background-position: -10px -436px; }

        .new-footer-logos li .l6 { width: 54px; height: 66px; background-position: -24px -513px; }

        .new-footer-logos li .l7 { width: 82px; height: 45px; background-position: -9px -601px; }

        .new-footer-logos li .l8 { width: 97px; height: 25px; background-position: -144px -134px; }

        .new-footer-logos li .l9 { width: 79px; height: 61px; background-position: -154px -188px; }

        .new-footer-logos li .l10 { width: 87px; height: 57px; background-position: -150px -278px; }

        .new-footer-logos li .l11 { width: 80px; height: 66px; background-position: -153px -364px; }

        .new-footer-logos li .l12 { width: 76px; height: 49px; background-position: -155px -459px; }

        .new-footer-logos li .l13 { width: 89px; height: 34px; background-position: -150px -537px; }

        .new-footer-logos li .l14 { width: 112px; height: 41px; background-position: -137px -599px; }

.new-footer-brands { margin: 0 auto; width: 88%; display: flex; justify-content: space-between; }

    .new-footer-brands a { display: block; font-size: 10px; color: #4A4A4A; line-height: 1.6; text-decoration: none; }

    .new-footer-brands .ad { width: 55px; display: block; }

    .new-footer-brands .icp { margin-top: 10px; }

.new-header-main .tel-find .date input { display: inline-block; width: 74%; height: 100%; font-size: 13px; background-color: transparent; border: 0; }

.new-header-main .tel-find .entry .date:after { margin-left: 0; border: 0; width: 12px; height: 11px; background: url(../images/new-header-date.png) no-repeat; background-size: 11px 10px; transform: none; }

.new-header-main .tel-find .entry .booking { width: 50px; color: #fff; background-color: #528153; border-color: #528153; }

    .new-header-main .tel-find .entry .booking:after { content: none; }

/* media for ip5 */

@media screen and (max-device-width:320px) and (-webkit-min-device-pixel-ratio:2) {
    .new-header-features { padding: 0 6% 0 8%; }
}

/* update 2017-01-23 */

/*.new-top-bar-fea.sprites
{
	position: relative;
}

	.new-top-bar-fea.sprites .new-top-bar-fea-discount
	{
		position: absolute;
		width: 59px;
		height: 100%;
		right: 91px;
		top: 0;
	}

	.new-top-bar-fea.sprites .new-top-bar-fea-hhonors
	{
		position: absolute;
		width: 79px;
		height: 100%;
		left: 12px;
		top: 0;
	}

	.new-top-bar-fea.sprites .new-top-bar-fea-join
	{
		position: absolute;
		width: 280px;
		height: 100%;
		right: 0;
		top: 0;
	}

.new-top-bar-fea, .new-top-bar-login
{
	vertical-align: middle;
	display: inline-block;
	width: 369px;
	height: 45px;
	background: url(./images/new-header-feature.jpg) no-repeat;
}*/

.top-bar-logos { display: block; }

.new-top-bar-tel { vertical-align: middle; display: inline-block; line-height: 1.4; font-size: 14px; color: #001e3a; }

    .new-top-bar-tel i { display: block; letter-spacing: 2px; }

@keyframes down {
    0% { transform: translate3d(0, -5px, 0); opacity: 0; }
    35%, 65% { transform: translate3d(0, 0, 0); opacity: 1; }
    100% { transform: translate3d(0, 5px, 0); opacity: 0; }
}

.video-tab-items,
.consult { margin-right: 80px; float: left; }

    .video-tab-items.last { margin-top: 70px; margin-left: 40px; }

iframe { display: none; }