@charset 'utf-8';

.button,
.button:focus,
.button:hover,
.eterm_pager a,
.eterm_pager_goto a:hover,
.eterm_pager_main a:active,
.eterm_pager_main a:hover,
a {
    text-decoration: none
}

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

*,
:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

#citySwitch .layer .cityIndexes .index,
img {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box
}

img {
    box-sizing: content-box
}

body,
button,
dd,
dl,
dt,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
    margin: 0;
    padding: 0
}

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

fieldset,
img {
    border: 0
}

ol,
ul {
    list-style: none
}

caption,
th {
    text-align: left
}

caption,
em,
th {
    font-style: normal;
    font-weight: 400
}

button,
input,
select,
textarea {
    font-weight: inherit;
    font-size: inherit;
    *font-size: 100%;
    font-family: inherit
}

a,
a:active,
a:focus,
button,
button:active,
input,
input:focus,
select,
select:focus,
textarea,
textarea:focus {
    outline: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
    margin: 0;
    padding: 0
}

.clink_pager,
.eterm_pager {
    margin-top: 5px;
    overflow: hidden;
    clear: both
}

body {
    background-color: #fff;
    color: #333;
    font: 12px/1.4 'PingFang SC', 'Microsoft Yahei UI', 'Microsoft Yahei', 'Hiragino Sans GB', Helvetica, STHeiti, sans-serif;
    word-wrap: break-word;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

#dock .wechat .title,
.button {
    white-space: nowrap;
    font-weight: 400
}

#topbar .item .icon:after,
.icon {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

a {
    color: #999
}

.button {
    display: inline-block;
    height: 30px;
    margin-bottom: 0;
    padding: 6px 14px;
    border: 1px solid transparent;
    border-radius: 2px;
    background-image: none;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .3s cubic-bezier(.645, .045, .355, 1);
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
    cursor: pointer
}

.button.active,
.button:active {
    outline: 0;
    background-image: none;
    opacity: .7;
    filter: alpha(opacity=70)
}

.button.error {
    border-color: #ff5859
}

.button.disabled,
.button[disabled],
fieldset[disabled] .button {
    cursor: not-allowed;
    pointer-events: none
}

.button-hasBubble {
    position: relative
}

.button-hasBubble:after {
    content: '\0020';
    position: absolute;
    top: -6px;
    right: -6px;
    width: 0;
    height: 0;
    border: 5px solid #f86a5c;
    border-radius: 50%
}

.button-gray {
    border: 1px solid #ccc;
    background: #fff;
    color: #666
}

.button-gray:hover {
    background: #e4e4e4
}

.button-default {
    border: 1px solid #02af68;
    background: #fff;
    color: #02af68
}

.button-default:hover {
    background: #009658;
    color: #fff
}

.button-default.disabled,
.button-default.disabled:focus,
.button-default.disabled:hover,
.button-gray.disabled,
.button-gray.disabled:focus,
.button-gray.disabled:hover {
    border: 1px solid #ccc;
    background: #fff;
    color: #999;
    opacity: .6;
    filter: alpha(opacity=60)
}

.button-primary {
    background: #02af68;
    color: #fff
}

.button-primary:hover {
    background: #009658
}

.button-highlight {
    background: #f86a5c;
    color: #fff
}

.button-highlight:hover {
    background: #e24c42
}

.button-highlight.disabled,
.button-highlight.disabled:focus,
.button-highlight.disabled:hover,
.button-primary.disabled,
.button-primary.disabled:focus,
.button-primary.disabled:hover {
    background: #ccc;
    color: #fff
}

#header,
.inputText {
    background: #fff
}

.button-S {
    height: 24px;
    padding: 4px 12px;
    border-radius: 1px;
    font-size: 12px;
    line-height: 14px
}

.button-L {
    height: 36px;
    padding: 8px 16px;
    font-size: 14px;
    line-height: 18px
}

.button-XL {
    height: 46px;
    padding: 10px 20px;
    font-size: 16px;
    line-height: 24px
}

.clearfix {
    *zoom: 1
}

.clearfix:after,
.clearfix:before {
    content: " ";
    display: table;
    height: 0
}

.clearfix:after {
    clear: both
}

.inputText {
    height: 30px;
    padding: 6px 8px;
    border: 1px solid #ccc;
    border-radius: 2px;
    color: #333;
    font-size: 14px;
    line-height: 16px
}

.clink_pager,
.eterm_pager,
.eterm_pager_main .eterm_pager_n a,
.eterm_pager_main .on {
    line-height: 35px
}

.inputText:focus {
    border-color: #00af67
}

.inputText.error {
    border-color: #ff5859
}

.inputText.disabled,
.inputText.readonly,
.inputText[disabled],
.inputText[readonly] {
    border-color: #ccc !important;
    background: #f9f9f9 !important;
    color: #999 !important;
    cursor: not-allowed !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

textarea.inputText {
    height: auto;
    vertical-align: top
}

.inputHidden {
    visibility: hidden;
    position: absolute;
    z-index: -9
}

@font-face {
    font-family: iconfont;
    src: url(../fonts/iconfont.eot?v=ddfb84);
    src: url(../fonts/iconfont.eot?v=ddfb84&#iefix) format('embedded-opentype'), url(../fonts/iconfont.woff?v=0ec1df) format('woff'), url(../fonts/iconfont.ttf?v=d6140c) format('truetype'), url(../fontsf/iconfont.svg?v=05429f#iconfont) format('svg')
}

.icon {
    font-family: iconfont !important;
    font-size: 12px;
    font-style: normal;
    -webkit-text-stroke-width: .2px
}

.icon_gua:before {
    content: "\e6cf"
}

.icon_check:before {
    content: "\e6d8"
}

.icon_check_on:before {
    content: "\e6d7"
}

.icon_go_login:before {
    content: "\e6e8"
}

.icon_oauth_weibo:before {
    content: "\e6e9"
}

.icon_oauth_qq:before {
    content: "\e6eb"
}

.icon_oauth_wechat:before {
    content: "\e6ea"
}

.icon_calendar_select:before {
    content: "\e6d9"
}

.icon_air_hotel_check:before {
    content: "\e606"
}

.icon_order:before {
    content: "\e605"
}

.icon_user:before {
    content: "\e6e7"
}

.icon_NOOrder:before {
    content: "\e6e4"
}

.icon_download:before {
    content: "\e631"
}

.icon_instance:before {
    content: "\e6d6"
}

.icon_visa:before {
    content: "\e69c"
}

.icon_about_wechat:before {
    content: "\e670"
}

.icon_about_weibo:before {
    content: "\e66b"
}

.icon_prd_none:before {
    content: "\e6f0"
}

.icon_waring:before {
    content: "\e6f3"
}

.icon_tip:before {
    content: "\e6f4"
}

.icon_yinsi:before {
    content: "\e6f7"
}

.icon_renzheng:before {
    content: "\e6f8"
}

.icon_speed:before {
    content: "\e6f9"
}

.icon_pay_wx:before {
    content: "\e6de"
}

.icon_route:before {
    content: "\e6be"
}

.icon_users:before {
    content: "\e6fd"
}

.icon_eiffel:before {
    content: "\e6fe"
}

.icon_domestic:before {
    content: "\e700"
}

.icon_item:before {
    content: "\e6fe"
}

.icon_abroad_hot:before {
    content: "\e6c1"
}

.icon_abroad_tuan:before {
    content: "\e70b"
}

.icon_abroad_ziyou:before {
    content: "\e709"
}

.icon_abroad_local:before {
    content: "\e70a"
}

.icon_calendar:before {
    content: "\e6f5"
}

.icon_go_back:before {
    content: "\e712"
}

.icon_up:before {
    content: "\e71f"
}

.icon_down:before {
    content: "\e71e"
}

.icon_phone:before {
    content: "\e721"
}

.icon_map_location:before {
    content: "\e722"
}

.icon_location:before {
    content: "\e71c"
}

.icon_appstore:before {
    content: "\e72e"
}

.icon_android:before {
    content: "\e72b"
}

.icon_custom_adviser:before {
    content: "\e603"
}

.icon_custom_scheduling:before {
    content: "\e602"
}

.icon_custom_enjoy:before {
    content: "\e604"
}

.icon_bus:before {
    content: "\e7f7"
}

.icon_ship:before {
    content: "\e7fc"
}

.icon_train:before {
    content: "\e7fd"
}

.icon_plane:before {
    content: "\e7f8"
}

.icon_car:before {
    content: "\e7f9"
}

.icon_speedboat:before {
    content: "\e7fa"
}

.blockLoading {
    display: block;
    min-width: 200px;
    min-height: 200px;
    background: url(../images/loading-block.gif?v=47f72e) 50% 50% no-repeat
}

.lazyImg,
.lazy_img {
    background: url(../images/lazyBg.png?v=fa957d) 50% 50% no-repeat #f0f0f0
}

.clink_pager {
    height: 36px;
    text-align: right;
    font-size: 0
}

.clink_pager .now_page,
.clink_pager a {
    display: inline-block;
    height: 35px;
    margin-left: 8px;
    padding: 0 14px;
    font-size: 14px;
    text-align: center
}

.clink_pager a {
    border: 1px solid #eee;
    background-color: #fff;
    color: #666
}

.clink_pager a:hover {
    border-color: #00AF67
}

.clink_pager .now_page {
    border: 1px solid #00AF67;
    background-color: #00AF67;
    color: #fff;
    cursor: default
}

.eterm_pager {
    height: 38px;
    text-align: right;
    margin-bottom: 30px;
    font-size: 0
}

.eterm_pager a {
    color: #666
}

.eterm_pager a:hover {
    border-color: #00AF67
}

.eterm_pager .eterm_pager_main {
    display: inline
}

.eterm_pager_goto a,
.eterm_pager_main .eterm_pager_disable,
.eterm_pager_main .eterm_pager_n .on,
.eterm_pager_main a {
    cursor: pointer;
    overflow: hidden;
    display: -moz-inline-box;
    display: inline-block;
    font-size: 14px;
    height: 35px;
    padding: 0 14px;
    background-color: #FFF;
    border: 1px solid #eee;
    text-align: center;
    vertical-align: top;
    margin-left: 8px;
    _line-height: 35px
}

.eterm_pager_main a.eterm_pager_btnnext,
.eterm_pager_main a.eterm_pager_btnprev {
    *line-height: 35px
}

.eterm_pager_main .eterm_pager_n .on {
    cursor: default;
    background-color: #00AF67;
    color: #fff;
    border-color: #00AF67
}

.eterm_pager_main .eterm_pager_disable {
    cursor: default;
    color: #999
}

.eterm_pager .eterm_pager_opts {
    display: inline;
    padding-left: 8px
}

.eterm_pager .eterm_pager_goto {
    color: #666;
    font-size: 14px
}

.eterm_pager .eterm_pager_goto input {
    margin: 0 8px;
    width: 50px;
    height: 35px;
    line-height: 35px;
    border: 0;
    border: 1px solid #eee;
    text-align: center;
    color: #666;
    vertical-align: top;
    _margin-top: -1px;
    *vertical-align: middle
}

.eterm_pager .eterm_pager_goto input:focus {
    border-color: #333;
    color: #333
}

.eterm_pager .eterm_pager_btnsubmit {
    margin-left: 3px;
    padding: 0;
    width: 50px;
    border: 1px solid #00AF67;
    color: #00AF67;
    vertical-align: top;
    *vertical-align: middle;
    *line-height: 35px
}

.eterm_pager_main .eterm_pager_n2 .on,
.eterm_pager_main .eterm_pager_n2 a {
    display: inline;
    height: auto;
    padding: 0;
    border: 0;
    background-color: transparent;
    vertical-align: baseline
}

.eterm_pager_n2,
.eterm_pager_simple .eterm_pager_n,
.eterm_pager_single .eterm_pager_opts {
    display: none
}

.eterm_pager_simple .eterm_pager_n2 {
    display: inline;
    padding: 0 10px;
    color: #999
}

.table {
    width: 100%;
    max-width: 100%;
    font-size: 12px;
    line-height: 18px
}

.table td,
.table th {
    padding: 6px 10px;
    border: 1px solid #e1e1e1
}

.table th {
    background: #f9f9f9;
    color: #666
}

.table-hover>tbody>tr:hover {
    background-color: #f9f9f9
}

.table-zebra>tbody>tr:nth-of-type(even) {
    background-color: #f9f9f9
}

.m_alert_bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 200;
    width: 100%;
    background: #000;
    filter: alpha(opacity=27);
    opacity: .27
}

body {
    min-width: 1220px
}

.main_body {
    clear: both;
    width: 1200px;
    margin: 0 auto;
    *zoom: 1
}

.main_body:after,
.main_body:before {
    content: " ";
    display: table;
    height: 0
}

.main_body:after {
    clear: both
}

#browserWarn {
    padding: 100px 0;
    background: #999
}

#browserWarnMain {
    padding: 15px 20px;
    border: 2px solid red;
    background: #fcc;
    color: #333;
    font-size: 16px;
    font-weight: 700;
    line-height: 2
}

#browserWarnMain a {
    color: #36c;
    text-decoration: underline
}

#topbar,
#topbar .item a {
    color: #999
}

#topBanner {
    position: relative;
    background-color: #eee
}

#topBanner .frame {
    display: block;
    height: 80px;
    background-position: 50% 0;
    background-repeat: no-repeat
}

#topbar .guestItem,
#topbar .isGuest .userItem {
    display: none
}

#topBanner .close {
    position: absolute;
    top: 5px;
    left: 50%;
    width: 18px;
    height: 18px;
    margin-left: 568px;
    background: url(../images/close.png?v=196bef) no-repeat;
    cursor: pointer
}

#topbar {
    height: 31px;
    border-bottom: 1px solid #e5e5e5;
    background: #f7f7f7;
    font-size: 12px;
    line-height: 30px;
    white-space: nowrap
}

#topbar .left {
    float: left
}

#topbar .right {
    float: right
}

#topbar .item {
    position: relative;
    float: left;
    height: 30px;
    margin: 0 12px
}

#topbar .item a:hover {
    color: #00af67
}

#topbar .item .hot {
    color: #ff7d13
}

#topbar .item .mark {
    color: #00af67
}

#topbar .item .icon:after {
    font-family: iconfont;
    font-size: 16px;
    vertical-align: -2px
}

#topbar .welcome {
    margin-left: 0;
    font-size: 14px;
    color: #00AF66;
}

#topbar .guestItem a {
    margin: 0 2px
}

#topbar .isGuest .guestItem {
    display: block
}

#topbar .drop .layer {
    display: none;
    position: absolute;
    top: 100%;
    left: 50%;
    z-index: 100;
    width: 133px;
    height: 175px;
    padding: 5px;
    margin: -1px 0 0 -66px;
    border: 1px solid #e0e0e0;
    border-radius: 1px;
    box-shadow: 0 0 4px #d7d7d7;
    background: #fff;
    color: #a5a5a5;
    line-height: 20px;
    text-align: center;
    -webkit-animation: drop-layer .2s;
    -moz-animation: drop-layer .2s;
    animation: drop-layer .2s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

#topbar .drop .layer .p1,
#topbar .drop .layer .p2,
#topbar .drop .layer .qr,
#topbar .drop:hover .layer {
    display: block
}

#topbar .drop .layer:after,
#topbar .drop .layer:before {
    content: '\0020';
    display: block;
    position: absolute;
    left: 50%;
    bottom: 100%;
    z-index: 2;
    width: 0;
    height: 0
}

#headMain,
#logo,
#topbarBody {
    position: relative
}

#topbar .drop .layer:before {
    margin-left: -6px;
    border: 6px solid transparent;
    border-bottom-color: #ccc
}

#topbar .drop .layer:after {
    margin-left: -5px;
    border: 5px solid transparent;
    border-bottom-color: #fff
}

#topbar .drop .layer .p1 {
    color: #00af67;
    font-size: 14px
}

#topbar .drop .layer .qr {
    width: 110px;
    height: 110px;
    margin: 5px auto
}

#topbar .drop:hover .icon:after,
#topbar .drop:hover .label {
    color: #00af67
}

#topbar .app .label .icon {
    margin: 0 3px 0 0
}

#topbar .app .label .icon:after {
    content: '\e721'
}

#topbar .wechat .icon:after {
    content: '\e670'
}

#topbar .weibo .icon:after {
    content: '\e66b'
}

#topbarBody {
    z-index: 90
}

#headMain {
    z-index: 80;
    height: 100px
}

#logo {
    overflow: hidden;
    margin: 23px 0 0
}

#logo,
#logo .logoImg {
    float: left;
    width: 110px;
    height: 50px
}

#logo.hunan,
#logo.hunan .logoImg {
    width: 158px
}

#logo .logo-121x75 {
    position: absolute;
    top: 110%;
    width: 121px;
    height: 75px
}

#fixedChat {
    position: fixed;
    top: 250px;
    right: 10px;
    z-index: 99;
    width: 98px;
    height: 122px;
    background: url(../images/chatEntry.png?v=cd5ecf) no-repeat;
    cursor: pointer
}

.chat-view-xiaoneng-version {
    display: none !important
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:1.5dppx),
(-webkit-min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
    #logo {
        background: url(../images/logo-2x.png?v=7c1d17) no-repeat;
        background-size: 100% auto
    }

    #logo.hunan {
        background-image: url(../images/logo-hunan-2x.png?v=be7230)
    }

    #logo .logoImg {
        visibility: hidden
    }

    #fixedChat {
        background: url(../images/chatEntry-2x.png?v=06e706) no-repeat;
        background-size: 100% auto
    }
}

@media screen and (min-width:1476px) {
    #fixedChat {
        left: 50%;
        right: auto;
        margin-left: 630px
    }
}

#citySwitch {
    position: relative;
    float: left;
    margin: 36px 0 0 20px;
    z-index: 9
}

#headerSearch {
    position: absolute;
    top: 30px;
    left: 390px;
    z-index: 1;
    width: 468px;
    height: 38px;
    padding: 2px 85px 2px 2px;
    background: #00af67
}

#headerSearch .inputWrap {
    position: relative;
    height: 100%;
    background: #fff
}

#headerSearch .inputWrap .searchInput,
#headerSearch .inputWrap .searchPlaceholder {
    width: 100%;
    height: 100%;
    padding: 8px;
    font-size: 14px;
    line-height: 20px;
    text-indent: 3px
}

#headerSearch .inputWrap .searchInput {
    display: block;
    position: relative;
    z-index: 2;
    float: left;
    border: 0;
    background: 0 0;
    color: #333
}

#headerSearch .inputWrap .searchPlaceholder {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    color: #999
}

#headerSearch .inputWrap .keywords {
    position: absolute;
    top: 8px;
    right: 9px;
    z-index: 3
}

#headerSearch .inputWrap .keyword {
    float: left;
    height: 18px;
    margin-left: 7px;
    padding: 0 5px;
    border-radius: 2px;
    background: #f0f0f0;
    color: #999;
    font-size: 12px;
    line-height: 18px;
    cursor: pointer
}

#headerSearch .inputWrap .keyword:hover {
    color: #666
}

#headerSearch .searchButton {
    position: absolute;
    top: 0;
    right: 0;
    width: 85px;
    height: 100%;
    color: #fff;
    font-size: 16px;
    line-height: 38px;
    text-align: center;
    cursor: pointer
}

#headerPromo {
    position: absolute;
    top: 0;
    right: 0;
    width: 278px
}

#headerPromo .serviceTel {
    margin-top: 25px;
    color: #999;
    font-size: 12px;
    white-space: nowrap
}

#headerPromo .serviceTel .label {
    color: #999;
    font-size: 12px;
    line-height: 22px
}

#headerPromo .serviceTel .value {
    color: #ff7d13;
    font-size: 14px;
    line-height: 20px
}

#headerPromo .serviceTel .tel {
    display: block;
    font-size: 20px;
    -webkit-font-smoothing: subpixel-antialiased
}

#citySwitch .layer .citySearch .searchForm:before,
#citySwitch .port:before,
#headerPromo .serviceOnline:before {
    font-family: iconfont;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

#headerPromo .serviceTel .transCode {
    display: inline-block;
    margin-left: 3px;
    padding: 0 3px;
    border-radius: 3px;
    background: #ff7d13;
    color: #fff;
    line-height: 14px
}

#headerPromo .serviceOnline {
    width: 105px;
    height: 26px;
    margin-top: 13px;
    background: url(../images/chatBg_ie8.png?v=6f4175) no-repeat;
    color: #00af67;
    line-height: 26px;
    cursor: pointer
}

#headerPromo .serviceOnline:before {
    content: '\e7ad';
    float: left;
    margin-right: 10px;
    color: #00af67;
    font-size: 26px;
    line-height: 26px
}

#headerPromo .serviceOnline:hover {
    background: #f0fff9
}

:root #headerPromo .serviceOnline {
    border-radius: 13px;
    background: #f3f3f3
}

#citySwitch .port {
    display: inline-block;
    position: relative;
    z-index: 2;
    height: 26px;
    padding: 5px;
    border: 1px solid #e4e4e4;
    background: #fff;
    color: #666;
    font-size: 14px;
    line-height: 14px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

#citySwitch .port:before {
    content: '\e7af';
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0 4px 0 0;
    color: #ff7d13;
    vertical-align: 0
}

#citySwitch .port .arrow {
    display: inline-block;
    width: 7px;
    height: 4px;
    margin: 0 3px 0 8px;
    background: url(../images/arrow.png?v=a55430);
    vertical-align: 2px
}

#citySwitch .port:hover {
    border-radius: 1px;
    box-shadow: 0 0 2px #ddd
}

#citySwitch.on .layer,
#citySwitch.on .port {
    box-shadow: 0 0 3px #d7d7d7;
    border-radius: 1px
}

#citySwitch .layer {
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 1;
    width: 470px;
    padding: 15px 24px 23px;
    border: 1px solid #e4e4e4;
    background: #fff;
    font-size: 12px;
    line-height: 20px
}

#citySwitch .layer a:hover {
    color: #00af67 !important
}

#citySwitch .layer .hotCities {
    margin-bottom: 10px;
    padding-left: 6px
}

#citySwitch .layer .hotCities a {
    margin-right: 16px;
    color: #333
}

#citySwitch .layer .citySearch {
    margin-bottom: 14px
}

#citySwitch .layer .citySearch .searchForm {
    position: relative;
    z-index: 1;
    border: 1px solid #e4e4e4;
    border-radius: 2px;
    background: #f7f7f7
}

#citySwitch .layer .citySearch .searchForm:before {
    display: block;
    content: '\e620';
    position: absolute;
    top: 50%;
    right: 5px;
    z-index: 1;
    height: 20px;
    margin: -9px 0 0;
    color: #aaa;
    font-size: 18px;
    line-height: 20px
}

#citySwitch .layer .citySearch .searchInput,
#citySwitch .layer .citySearch .searchPlaceholder {
    width: 100%;
    height: 28px;
    padding: 6px 26px 6px 8px;
    font-size: 12px;
    line-height: 16px
}

#citySwitch .layer .citySearch .searchInput {
    display: block;
    border: 0;
    background-color: transparent;
    color: #333
}

#citySwitch .layer .citySearch .searchPlaceholder {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    color: #999
}

#citySwitch .layer .citySearch .searchResult {
    margin: 5px 0
}

#citySwitch .layer .citySearch .searchResult a {
    margin-right: 4px;
    padding: 2px 4px;
    color: #666;
    white-space: nowrap
}

#citySwitch .layer .citySearch .searchEmpty {
    color: #666
}

#citySwitch .layer .cityIndexes {
    display: table;
    overflow: visible;
    table-layout: fixed;
    width: 100%;
    height: 24px;
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
    line-height: 24px;
    text-align: center;
    text-transform: uppercase
}

#citySwitch .layer .cityIndexes .index {
    display: table-cell;
    position: relative;
    box-sizing: content-box;
    color: #333;
    vertical-align: bottom;
    cursor: pointer
}

#citySwitch .layer .cityIndexes .index.on,
#citySwitch .layer .cityIndexes .index:hover {
    color: #00af67;
    font-size: 18px
}

#citySwitch .layer .cityIndexes .index.on:after,
#citySwitch .layer .cityIndexes .index:hover:after {
    content: '\0020';
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: 0;
    border-bottom: 1px solid #00af67
}

#citySwitch .layer .scrollSet {
    position: relative;
    height: 214px;
    padding: 0 10px 0 0
}

#citySwitch .layer .scrollSet .scrollWrap {
    overflow: hidden;
    height: 100%
}

#citySwitch .layer .scrollSet .scrollBody {
    position: relative
}

#citySwitch .layer .scrollSet .scrollBody:after {
    content: '\0020';
    display: block;
    height: 180px
}

#citySwitch .layer .scrollSet .scrollBody .section {
    padding: 0 0 12px 27px;
    *zoom: 1
}

#citySwitch .layer .scrollSet .scrollBody .section:after {
    content: '\0020';
    display: block;
    clear: both;
    height: 0
}

#citySwitch .layer .scrollSet .scrollBody .section .index {
    float: left;
    margin-left: -26px;
    color: #ccc
}

#citySwitch .layer .scrollSet .scrollBody .section .value {
    float: left;
    width: 100%
}

#citySwitch .layer .scrollSet .scrollBody .section .value a {
    display: inline-block;
    margin-right: 18px;
    color: #666
}

#citySwitch .layer .scrollSet .scrollBar {
    position: absolute;
    top: 0;
    right: 2px;
    width: 3px;
    height: 100%;
    background: #ececec
}

#citySwitch .layer .scrollSet .scrollBar:after,
#citySwitch .layer .scrollSet .scrollBar:before {
    content: '\0020';
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background: #ececec
}

#citySwitch .layer .scrollSet .scrollBar:before {
    bottom: 100%
}

#mainNav .navList:before,
#mainNav:after {
    bottom: 0;
    content: '\0020'
}

#citySwitch .layer .scrollSet .scrollBar:after {
    top: 100%
}

#citySwitch .layer .scrollSet .scroller {
    position: absolute;
    top: 0;
    left: -2px;
    width: 7px;
    height: 29px;
    background: #bbb;
    cursor: pointer
}

#citySwitch.on .port {
    height: 29px;
    margin-top: -2px;
    padding-top: 7px
}

#citySwitch.on .port:after {
    content: '\0020';
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 5px;
    background: #fff
}

#headNav,
#mainNav {
    position: relative
}

#citySwitch.on .port .arrow {
    background-position: 0 -3px
}

#citySwitch.on .layer {
    display: block;
    visibility: visible
}

#headNav {
    z-index: 70
}

#headNav.lockSub #subNavBg {
    position: relative;
    top: 0
}

#mainNav:after,
#subNavBg {
    position: absolute;
    z-index: 1;
    width: 100%;
    left: 0
}

#subNavBg {
    visibility: hidden;
    top: 100%;
    height: 0;
    border-bottom: 1px solid #ddd;
    border-radius: 1px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .08);
    background: #fff;
    background: rgba(255, 255, 255, .98);
    opacity: 0;
    -webkit-transition: all 80ms cubic-bezier(.5, .15, .85, .5);
    -o-transition: all 80ms cubic-bezier(.5, .15, .85, .5);
    transition: all 80ms cubic-bezier(.5, .15, .85, .5)
}

:root #subNavBg {
    border-bottom: 0 none
}

#subNavBg.show,
.lockSub #subNavBg {
    visibility: visible;
    height: 40px;
    opacity: 1
}

#mainNav {
    z-index: 2;
    height: 38px;
    -webkit-font-smoothing: subpixel-antialiased
}

#footerAbout .service .online:before,
#footerEnsure .badge:before,
#footerQuickLinks .more:after,
#mainNav .item .subItem .subLink.airbnb:before,
#mainNav .item.hasSub .link:after,
.crumbs .dropItem .label:after,
.ui_layer .ui_layerClose {
    font-family: iconfont;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

#mainNav:after {
    display: block;
    height: 2px;
    background: #00af67
}

#mainNav .navList {
    position: relative;
    z-index: 2;
    *zoom: 1
}

#mainNav .navList:before {
    position: absolute;
    right: 0;
    width: 150px;
    height: 100px;
    background: url(../images/promo.png?v=ca23cd) 100% 100% no-repeat
}

#mainNav .navList:after {
    content: '\0020';
    display: block;
    clear: both;
    height: 0
}

#mainNav .item {
    float: left;
    white-space: nowrap
}

#mainNav .item .link {
    display: block;
    float: left;
    height: 36px;
    padding: 8px 18px;
    color: #333;
    font-size: 16px;
    line-height: 20px
}

#mainNav .item .link.new {
    position: relative
}

#mainNav .item .link.new:before {
    content: '';
    position: absolute;
    top: -8px;
    right: 10px;
    width: 30px;
    height: 17px;
    background: url(../images/new.png?v=fe2419) 100% 100% no-repeat
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:1.5dppx),
(-webkit-min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
    #mainNav .item .link.new:before {
        background-image: url(../images/new-2x.png?v=64aa1d);
        background-size: 30px auto
    }
}

#mainNav .item .link:hover,
#mainNav .item.showSub .link {
    background: #01bb6e;
    color: #fff
}

#mainNav .item.on .link {
    background: #00af67 !important;
    color: #fff
}

#mainNav .item .subWrap {
    visibility: hidden;
    overflow: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 40px;
    opacity: 0;
    -webkit-transition: opacity .2s ease-in;
    -o-transition: opacity .2s ease-in;
    transition: opacity .2s ease-in
}

#dock .dockIcon:hover .dockCard,
#mainNav .item.showSub .subWrap {
    visibility: visible;
    opacity: 1
}

#mainNav .item .subList {
    display: inline;
    position: absolute;
    top: 14px
}

#mainNav .item .subItem {
    float: left;
    height: 16px;
    padding: 0 15px;
    border-left: 1px solid #e6e6e6;
    font-size: 14px;
    line-height: 16px
}

#mainNav .item .subItem:first-child {
    border-left: 0 none
}

#mainNav .item .subItem .subLink {
    color: #333
}

#mainNav .item .subItem .subLink.hot {
    color: #ff7d13
}

#mainNav .item .subItem .subLink:hover {
    color: #00af67
}

#mainNav .item .subItem .subLink.airbnb {
    color: #ff5a5f
}

#mainNav .item .subItem .subLink.airbnb:before {
    content: '\e627';
    margin-right: 3px
}

#mainNav .item .subItem.on .subLink {
    color: #00af67
}

#mainNav .item.hasSub .link:after {
    content: '\e71e';
    display: inline-block;
    width: 17px;
    height: 20px;
    margin: 0 -10px 0 3px
}

#mainNav .item.showSub .link:after {
    content: '\e71f'
}

#crumbs {
    position: relative;
    z-index: 60
}

.crumbs {
    padding: 14px 0;
    line-height: 20px;
    color: #a9a9a9
}

.crumbs a {
    color: #666
}

.crumbs span {
    color: #00af67
}

.crumbs .dropItem {
    display: inline-block;
    position: relative
}

.crumbs .dropItem .label {
    display: inline
}

.crumbs .dropItem .label:after {
    content: '\e7c8';
    margin-left: 2px;
    font-size: 12px;
    vertical-align: -1px
}

.crumbs .dropItem .layer {
    display: none;
    position: absolute;
    top: 100%;
    left: -2px;
    border: 1px solid #d3d3d3;
    background: #fff;
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    transform-origin: left top;
    -webkit-animation: drop-layer .25s;
    -moz-animation: drop-layer .25s;
    animation: drop-layer .25s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.crumbs .dropItem .layer a {
    color: #666
}

.crumbs .dropItem .layer a:hover,
.crumbs .dropItem:hover .label {
    color: #00af67
}

.crumbs .dropItem .layer .list {
    width: 300px;
    padding: 4px 0 4px 8px;
    *zoom: 1
}

.crumbs .dropItem .layer .list:after {
    content: '\0020';
    display: block;
    clear: both;
    height: 0
}

.crumbs .dropItem .layer .item {
    float: left;
    margin-right: 1em;
    line-height: 24px
}

.crumbs .dropItem:hover .label:after {
    content: '\e7c7'
}

.crumbs .dropItem:hover .layer {
    display: block
}

#footer {
    border-top: 2px solid #00af67;
    background: #fff;
    font-size: 12px;
    line-height: 24px
}

#footer a {
    color: #666;
    white-space: nowrap
}

#footer a:hover {
    color: #00af67
}

#footerEnsure {
    padding: 14px 0 16px;
    border-bottom: 1px solid #e9e9e9
}

#footerEnsure .badge {
    position: relative;
    float: left;
    width: 385px;
    margin: 0 0 0 15px;
    padding: 4px 0 4px 70px;
    line-height: 27px
}

#footerEnsure .badge:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    color: #00af67;
    font-size: 56px;
    line-height: 1
}

#footerEnsure .badge dt {
    color: #2a2a2a;
    font-size: 18px
}

#footerEnsure .badge dd {
    color: #999;
    font-size: 14px
}

#footerEnsure .badge-service:before {
    content: '\e7ab'
}

#footerEnsure .badge-product:before {
    content: '\e7ac'
}

#footerEnsure .badge-brand:before {
    content: '\e7aa'
}

#footerAbout {
    padding: 20px 0 25px;
    white-space: nowrap
}

#footerAbout .aboutMain {
    float: left
}

#footerAbout .aboutSub {
    float: right
}

#footerAbout .aboutList {
    float: left;
    width: 145px;
    padding: 0 0 2px 5px;
    color: #999
}

#footerAbout .aboutList .title {
    color: #333;
    font-size: 14px;
    line-height: 26px
}

#footerAbout .appPromo {
    float: right;
    padding-right: 10px;
    color: #333;
    line-height: 20px;
    text-align: center
}

#footerAbout .appPromo .qrCode {
    display: block;
    width: 96px;
    height: 96px;
    margin: 0 0 7px;
    border: 1px solid #ddd
}

#footerAbout .service {
    float: right;
    width: 290px;
    padding-top: 2px;
    line-height: 20px
}

#footerAbout .service .title {
    color: #acacac
}

#footerAbout .service .num {
    color: #00af67;
    font-size: 22px;
    line-height: 30px
}

#footerAbout .service .tip {
    margin-top: 3px;
    color: #333
}

#footerAbout .service .online {
    display: inline-block;
    height: 31px;
    margin-top: 8px;
    padding: 5px 11px 5px 8px;
    background: #00af67;
    color: #fff;
    cursor: pointer
}

#footerAbout .service .online:before {
    content: '\e7ad';
    margin-right: 8px;
    font-size: 18px;
    vertical-align: -3px
}

#footerQuickLinks {
    padding: 0 0 14px;
    border-bottom: 1px solid #e9e9e9
}

#footerQuickLinks .group {
    margin: 6px 0;
    padding-left: 70px;
    *zoom: 1
}

#footerQuickLinks .group:after {
    content: '\0020';
    display: block;
    clear: both;
    height: 0
}

#footerQuickLinks .title {
    float: left;
    overflow: hidden;
    width: 5em;
    margin-left: -68px;
    color: #999;
    white-space: nowrap
}

#footerQuickLinks .content {
    position: relative;
    width: 100%;
    padding-right: 80px;
    color: #666
}

#footerQuickLinks .links {
    overflow: hidden;
    float: left;
    width: 100%
}

#footerQuickLinks .links a {
    overflow: hidden;
    float: left;
    max-width: 30%;
    margin-right: 12px;
    white-space: nowrap;
    text-overflow: ellipsis
}

#footerQuickLinks .more {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 72px;
    color: #666;
    cursor: pointer;
    outline: 0
}

#footerQuickLinks .more:hover {
    color: #00af67
}

#footerQuickLinks .more:before {
    content: '\6536\8d77'
}

#footerQuickLinks .more:after {
    content: '\e71f';
    margin-left: 2px;
    font-size: 14px
}

#footerQuickLinks .up {
    overflow: hidden;
    height: 48px
}

#footerQuickLinks .up .more:before {
    content: '\66f4\591a'
}

#footerQuickLinks .up .more:after {
    content: '\e71e'
}

#footerFriendLinks {
    padding: 14px 0;
    color: #666
}

#footerFriendLinks .title {
    display: inline;
    margin-right: 5px
}

#footerFriendLinks .title:after {
    content: '：'
}

#footerFriendLinks .content {
    display: inline
}

#footerFriendLinks a {
    margin-right: 10px
}

#footerQualifications {
    margin: 10px auto
}

#footerQualifications .item {
    display: inline-block;
    overflow: hidden;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    width: 140px;
    height: 40px;
    margin-right: 7px;
    border: 4px solid #f1f1f1;
    background-image: url(../images/qual.png?v=89f81a);
    line-height: 200px
}

#footerQualifications .pata {
    width: 125px;
    background-position: 0 0
}

#footerQualifications .iata {
    width: 140px;
    background-position: 0 -40px
}

#footerQualifications .cats {
    width: 128px;
    background-position: 0 -80px
}

#footerQualifications .jingying {
    width: 100px;
    background-position: 0 -120px
}

#footerQualifications .jubao {
    width: 120px;
    background-position: 0 -160px
}

#footerQualifications .anquan {
    width: 108px;
    background-position: 0 -200px
}

#footerQualifications .szfw {
    width: 114px;
    background-position: 0 -240px
}

#footerQualifications .gdgs {
    width: 117px;
    background: url(../images/qual-gdgs.png?v=c541ef)
}

#footerQualifications .dnb {
    width: 120px;
    background: url(../images/qual-dnb.png?v=8edad9)
}

#footerCopyright {
    height: 46px;
    padding: 15px 0;
    color: #999;
    font-size: 12px;
    line-height: 20px
}

#footerCopyright a {
    color: #999
}

#dock {
    width: 48px;
    height: 196px;
    position: fixed;
    right: 10px;
    bottom: 150px;
    z-index: 99
}

#dock .dockIcon {
    position: relative;
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    cursor: pointer;
    margin-bottom: 1px;
    background: #062C3E;
    background: rgba(6, 44, 62, .25)
}

#dock .dockIcon:before {
    font-family: iconfont;
    color: #fff;
    font-size: 27px
}

#dock .dockIcon:hover {
    background: rgba(6, 44, 62, .4)
}

#dock .dockIcon:first-child {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

#dock .dockIcon:last-child {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

#dock .dockCard {
    visibility: hidden;
    position: absolute;
    top: 0;
    cursor: default;
    opacity: 0;
    -webkit-transition: all .3s cubic-bezier(0, 0, .58, 1);
    -moz-transition: all .3s cubic-bezier(0, 0, .58, 1);
    -ms-transition: all .3s cubic-bezier(0, 0, .58, 1);
    transition: all .3s cubic-bezier(0, 0, .58, 1);
    border-radius: 3px;
    background: #fafafa;
    border: 1px solid #E9EBEC
}

#dock .dockCard:after,
#dock .dockCard:before {
    content: '';
    display: block;
    position: absolute;
    right: -15px;
    top: 50%;
    margin-top: -6px;
    z-index: 10;
    box-sizing: content-box;
    width: 2px;
    height: 2px;
    border: 6px solid transparent;
    border-left-color: #E9EBEC
}

#dock .dockCard:after {
    right: -14px;
    border-left-color: #fafafa
}

#dock .chat:before {
    content: '\e623'
}

#dock .chat .dockCard {
    color: #fff;
    text-align: center;
    width: 83px;
    height: 38px;
    line-height: 36px;
    left: -134px;
    top: 50%;
    margin-top: -19px
}

#dock .chat .dockCard a {
    font-size: 14px;
    color: #666
}

#dock .chat:hover .dockCard {
    left: -94px
}

#dock .wechat:before {
    content: '\e625'
}

#dock .wechat .title {
    line-height: 1;
    color: #666;
    margin-top: 2px
}

#dock .wechat .dockCard {
    left: -162px;
    width: 115px;
    height: 124px;
    padding: 11px;
    bottom: 6px;
    top: 50%;
    margin-top: -61px
}

#dock .wechat .qrcode {
    width: 85px;
    height: 85px;
    background: url(../images/detail/weixin.png?v=4c2d40) no-repeat;
    margin: 0 auto
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:1.5dppx),
(-webkit-min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
    #dock .wechat .qrcode {
        background-image: url(../images/detail/weixin-2x.png?v=97dd8b);
        background-size: 85px 85px
    }
}

#dock .wechat:hover .dockCard {
    left: -126px
}

#dock .share:before {
    content: '\e626'
}

#dock .share .dockCard {
    height: 38px;
    width: 78px;
    line-height: 36px;
    padding: 0 8px;
    left: -140px;
    top: 50%;
    margin-top: -19px
}

#dock .share .dockCard:before {
    border-left-color: #E9EBEC
}

#dock .share .shareByWeixin {
    margin-right: 8px
}

#dock .share .shareByWeixin:before {
    content: '\e7d2';
    color: #00AF67;
    font-family: iconfont;
    font-size: 26px
}

#dock .share .shareByWeixin:hover:before {
    color: #019C5D
}

#dock .share .shareByWeibo:before {
    content: '\e7d5';
    color: #F87369;
    font-family: iconfont;
    font-size: 26px
}

#dock .share .shareByWeibo:hover:before {
    color: #E8665D
}

#dock .share:hover .dockCard {
    left: -89px
}

#dock .backToTop {
    display: none
}

#dock .backToTop:before {
    content: '\e624'
}

@media screen and (min-width:1347px) {
    #dock {
        left: 50%;
        right: auto;
        margin-left: 615px
    }
}

.ui_layer.shareByQrCodeLayer {
    width: 240px
}

.ui_layer.shareByQrCodeLayer .ui_layerBody {
    padding: 40px
}

.ui_layer.shareByQrCodeLayer img {
    display: block;
    width: 160px;
    height: 160px;
    margin: 0 auto
}

.w-app-open {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: -100%;
    opacity: 0;
    height: 152px;
    padding-top: 32px;
    font-size: 0;
    z-index: 99
}

.w-app-open .dshadow {
    background: #b2e0d2;
    opacity: .9;
    filter: alpha(opacity=90);
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 120px
}

.w-app-open .dcon {
    width: 1200px;
    margin: 0 auto;
    height: 120px;
    position: relative
}

.w-app-open .dcon .left {
    position: absolute;
    left: -25px;
    bottom: 0;
    width: 633px;
    height: 145px
}

.w-app-open .dcon .left img {
    width: 100%
}

.w-app-open .dcon .mid {
    position: relative;
    z-index: 1;
    margin-left: 544px;
    width: 371px;
    height: 100%;
    background: url(../images/textbg-spring.png?v=717dc5) left 40px no-repeat
}

.w-app-open .dcon .mid h2 {
    position: absolute;
    color: #009076;
    width: 271px;
    height: 30px;
    text-align: right;
    font-size: 16px;
    top: 70px;
    right: 10px
}

.accountSet .regGuide,
.ui_alert .ui_layerBody,
.ui_layer .ui_layerClose,
.ui_layer .ui_layerFoot {
    text-align: center
}

.w-app-open .dcon .rig {
    position: absolute;
    right: 20px;
    top: 0;
    width: 240px;
    height: 90px;
    padding: 17px 12px 11px 0;
    clear: both
}

.w-app-open .dcon .rig .ewm {
    width: 89px;
    height: 89px;
    float: left
}

.w-app-open .dcon .rig img {
    width: 100%;
    height: 100%;
    vertical-align: top
}

.w-app-open .dcon .rig h2 {
    float: left;
    padding: 28px 0 0 6px;
    color: #144388;
    font-size: 16px;
    line-height: 22px
}

.w-app-open .dcon .rig .dclose {
    position: absolute;
    top: 14px;
    right: 0;
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url(../images/downloadclose-spring.png?v=13aa94) no-repeat;
    cursor: pointer;
    -webkit-transition: transform .3s ease;
    -moz-transition: transform .3s ease;
    -ms-transition: transform .3s ease;
    transition: transform .3s ease
}

.ui_mask,
.w-app-close {
    position: fixed;
    left: 0
}

.w-app-open .dcon .rig .dclose:hover {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.w-app-close {
    bottom: 20px;
    height: 140px;
    width: 97px;
    background: url(../images/downloadup-spring.png?v=00fdac) no-repeat;
    cursor: pointer;
    z-index: 99
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:1.5dppx),
(-webkit-min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
    .w-app-close {
        background: url(../images/downloadup-spring@2x.png?v=0bb1f2) no-repeat;
        background-size: 100% auto
    }
}

@-webkit-keyframes drop-layer {
    0% {
        opacity: .4;
        -webkit-transform: scale(.97)
    }

    to {
        opacity: 1;
        -webkit-transform: translate(1)
    }
}

@-moz-keyframes drop-layer {
    0% {
        opacity: .4;
        -moz-transform: scale(.97)
    }

    to {
        opacity: 1;
        -moz-transform: translate(1)
    }
}

@keyframes drop-layer {
    0% {
        opacity: .4;
        transform: scale(.97)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

.ui_mask {
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    background: #000;
    filter: alpha(opacity=25);
    opacity: .25;
    -webkit-animation: ui_mask .16s;
    -moz-animation: ui_mask .16s;
    animation: ui_mask .16s
}

@-webkit-keyframes ui_mask {
    0% {
        opacity: 0
    }

    to {
        opacity: .15
    }
}

@-moz-keyframes ui_mask {
    0% {
        opacity: 0
    }

    to {
        opacity: .15
    }
}

@keyframes ui_mask {
    0% {
        opacity: 0
    }

    to {
        opacity: .15
    }
}

.ui_filter_blur {
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -ms-filter: blur(5px);
    -o-filter: blur(5px);
    filter: blur(5px)
}

.ui_filter_grayscale {
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    -ms-filter: grayscale(1);
    -o-filter: grayscale(1);
    filter: grayscale(1)
}

.ui_layer {
    z-index: 1000;
    width: 400px;
    min-height: 52px;
    border-radius: 2px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2);
    background: #fff;
    font-size: 14px;
    -webkit-animation: ui_layer .16s;
    -moz-animation: ui_layer .16s;
    animation: ui_layer .16s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.ui_layer .ui_layerClose {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    width: 46px;
    height: 46px;
    padding: 13px;
    border-top-right-radius: 3px;
    color: #999;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    cursor: pointer;
    -webkit-transition: background .1s ease-out;
    -moz-transition: background .1s ease-out;
    transition: background .1s ease-out
}

.ui_layer .ui_layerClose:after {
    content: '\e655'
}

.ui_layer .ui_layerClose:hover {
    background: #e4e4e4
}

.ui_layer .ui_layerContent {
    overflow: hidden;
    color: #666
}

.ui_layer .ui_layerHead {
    height: 46px;
    padding: 13px 20px;
    border-bottom: 1px solid #e4e4e4;
    font-size: 15px;
    line-height: 20px;
    font-weight: 700
}

.ui_layer .ui_layerHead .meta {
    margin-left: 5px;
    color: #999;
    font-size: 12px
}

.ui_layer .ui_layerBody {
    padding: 44px;
    font-size: 14px;
    line-height: 1.6
}

.ui_layer .ui_layerScrollBody {
    overflow: auto;
    overscroll-behavior: contain;
    height: 320px;
    padding: 30px;
    font-size: 14px;
    line-height: 1.6
}

.ui_layer .ui_layerFoot {
    padding: 10px;
    border-radius: 0 0 3px 3px;
    background: #eee
}

.ui_layer .ui_layerFoot .button {
    min-width: 120px;
    margin: 0 5px
}

@-webkit-keyframes ui_layer {
    0% {
        opacity: .4;
        -webkit-transform: scale(.9)
    }

    to {
        opacity: 1;
        -webkit-transform: translate(1)
    }
}

@-moz-keyframes ui_layer {
    0% {
        opacity: .4;
        -moz-transform: scale(.9)
    }

    to {
        opacity: 1;
        -moz-transform: translate(1)
    }
}

@keyframes ui_layer {
    0% {
        opacity: .4;
        transform: scale(.9)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

.accountSet {
    color: #999;
    font-size: 13px
}

.accountSet a {
    color: #666
}

.accountSet a:hover {
    color: #333
}

.accountSet .methods {
    position: relative;
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 44px;
    line-height: 44px
}

.accountSet .methods .item {
    display: table-cell;
    width: 50%;
    color: #999;
    font-size: 16px;
    text-align: center;
    cursor: pointer
}

.accountSet .methods .item.on {
    color: #00af67;
    font-size: 17px;
    font-weight: 700;
    cursor: default
}

.accountSet .title {
    padding: 5px 0;
    color: #666;
    font-size: 18px;
    font-weight: 700
}

.accountSet .forms .form {
    display: none
}

.accountSet .forms .form.on {
    display: block
}

.accountSet .form .inputs {
    padding: 14px 0 22px
}

.accountSet .form .inputWrap {
    height: 60px
}

.accountSet .form .inputWrap .input {
    width: 100%;
    height: 30px;
    margin-top: 10px;
    padding: 6px 0;
    border: 0;
    background-color: #fff;
    background-image: -webkit-linear-gradient(#00af67, #00af67), -webkit-linear-gradient(#e4e4e4, #e4e4e4);
    background-image: -moz-linear-gradient(#00af67, #00af67), -moz-linear-gradient(#e4e4e4, #e4e4e4);
    background-image: -ms-linear-gradient(#00af67, #00af67), -ms-linear-gradient(#e4e4e4, #e4e4e4);
    background-image: linear-gradient(#00af67, #00af67), linear-gradient(#e4e4e4, #e4e4e4);
    background-position: center bottom, center bottom;
    background-repeat: no-repeat;
    background-size: 0 2px, 100% 1px;
    -webkit-transition: background 0 ease-out 0;
    -moz-transition: background 0 ease-out 0;
    transition: background 0 ease-out 0;
    color: #333;
    font-size: 14px;
    line-height: 16px;
    background: #fff\9;
    border-bottom: 1px solid #e4e4e4\9
}

.accountSet .form .inputWrap .input.error,
.accountSet .form .inputWrap .input:focus {
    outline: 0;
    background-size: 100% 2px, 100% 1px;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    transition-duration: .3s
}

.accountSet .form .inputWrap .input:focus {
    border-bottom-color: #00af67\9
}

.accountSet .form .inputWrap .input.error {
    background-image: -webkit-linear-gradient(#ff5859, #ff5859), -ms-linear-gradient(#e4e4e4, #e4e4e4);
    background-image: -moz-linear-gradient(#ff5859, #ff5859), -ms-linear-gradient(#e4e4e4, #e4e4e4);
    background-image: -ms-linear-gradient(#ff5859, #ff5859), -ms-linear-gradient(#e4e4e4, #e4e4e4);
    background-image: linear-gradient(#ff5859, #ff5859), linear-gradient(#e4e4e4, #e4e4e4);
    background: #fff\9;
    border-bottom-color: #ff5859\9
}

.accountSet .form .inputWrap .input::-moz-placeholder,
.accountSet .form .inputWrap .input::-ms-placeholder,
.accountSet .form .inputWrap .input::-webkit-input-placeholder,
.accountSet .form .inputWrap .input::-webkit-placeholder,
.accountSet .form .inputWrap .input::placeholder {
    color: #ccc
}

.accountSet .form .inputWrap .errorWrap {
    display: block;
    height: 16px;
    margin-top: 4px;
    line-height: 16px
}

.accountSet .form .inputWrap label.error {
    color: #ff5859;
    font-size: 12px
}

.accountSet .form .multiCtrl {
    padding-right: 120px
}

.accountSet .form .multiCtrl .subCtrl {
    float: right;
    width: 100px;
    height: 40px;
    margin-right: -120px;
    line-height: 40px
}

.accountSet .form .multiCtrl .captchaImg {
    display: block;
    border-radius: 2px
}

.accountSet .form .multiCtrl .smsPinBtn {
    padding: 0 5px;
    font-family: Helvetica, sans-serif
}

.accountSet .extLogin .loginBy:before,
.accountSet .extLogin .loginByWechat:before,
.accountSet .extLogin .loginByWeibo:before {
    font-family: iconfont;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.accountSet .form .multiCtrl .smsPinBtn.disabled {
    background: #eee;
    color: #999
}

.accountSet .form .checkLine {
    cursor: pointer
}

.accountSet .form .checkLine .icon {
    margin-right: 5px;
    font-size: 14px;
    vertical-align: -1px
}

.accountSet .form .checkLine .icon_check_on {
    color: #00af67
}

.accountSet .form .forgotPwd {
    float: right
}

.accountSet .form .submitBtn {
    clear: both;
    width: 100%;
    height: 40px;
    margin: 5px 0;
    padding: 10px
}

.accountSet .guide {
    margin-top: 5px
}

.accountSet .guide em {
    color: #00af67;
    font-weight: 700
}

.accountSet .extLogin {
    margin: 22px 0 -20px
}

.accountSet .extLogin .loginBy {
    margin: 0 10px 0 22px
}

.accountSet .extLogin .loginBy:before {
    margin-right: 6px;
    font-size: 20px;
    vertical-align: middle;
    -webkit-transition: color .1s ease-out;
    -moz-transition: color .1s ease-out;
    transition: color .1s ease-out
}

.accountSet .extLogin .loginByWechat:before {
    content: '\e670';
    color: #38c38a
}

.accountSet .extLogin .loginByWechat:hover:before {
    color: #1cad71
}

.accountSet .extLogin .loginByWeibo:before {
    content: '\e66b';
    color: #fb7d7d
}

.accountSet .extLogin .loginByWeibo:hover:before {
    color: #f55
}

.ui_layer.loginLayer {
    width: 420px
}