@font-face { font-family: 'avenir_regular'; src: url('font/avenir_regular.eot'); src: url('font/avenir_regular.eot?#iefix') format('embedded-opentype'), url('font/avenir_regular.woff2') format('woff2'), url('font/avenir_regular.woff') format('woff'), url('font/avenir_regular.ttf') format('truetype'), url('font/avenir_regular.svg#avenir_regular') format('svg'); font-weight: normal; font-style: normal; }

/* reset */
html { background-color: #fff }
body, div, dl, dt, 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 }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
body, button, input, select, textarea { font: 14px/1.5 'avenir_regular', "microsoft yahei", "\5FAE\8F6F\96C5\9ED1", "Open Sans", "Helvetica", Helvetica, Arial, sans-serif; color: #424445; -webkit-font-smoothing: antialiased; outline: 0; -webkit-font-smoothing: antialiased; }
[lang="zh"] body { font-family: "microsoft yahei, pingfontweb, Helvetica, Helvetica, Roboto, Arial, PingFang SC, Hiragino Sans GB, Microsoft Yahei, Microsoft Jhenghei, sans-serif"; }
table { border-collapse: collapse; border-spacing: 0 }
fieldset, img { border: 0 }
img { vertical-align: top; }
iframe { display: block }
ol, ul { list-style: none }
h1, h2, h3, h4, h5, h6, em, b { font-weight: normal; }
i { font-style: normal; }
a { color: #424445; text-decoration: none; }
a:hover { color: #49C9F5; }
.clear:after { visibility: hidden; overflow: hidden; display: block; font-size: 0px; content: ""; clear: both; height: 0; }
.clear { zoom: 1 }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #bbb; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #bbb; }
body { min-width: 1150px; background-color: #f6f6f6; }
.container, .inner { width: 1150px; margin: 0 auto; }
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; }
input:focus, textarea:focus { border-color: #92D7F2 !important }
.error, .error input { border-color: #f00 !important }
.blur { -webkit-filter: blur(3px); -moz-filter: blur(3px); -ms-filter: blur(3px); filter: blur(3px); }
.ui-title { height: 18px; line-height: 18px; overflow: hidden; padding: 0 6px; border: 1px solid #c2c2c2; font-size: 10px; color: #000; background-color: #efefef; z-index: 99999; position: fixed; left: 0; top: 0; border-radius: 2px; font-weight: 600; font-family: sans-serif; }

.mod-loading { width: 100%; height: 100%; overflow: hidden; position: absolute; left: 0; top: 0; background-color: rgba(255, 255, 255, .8); display: none; }
.mod-loading i { width: 20px; height: 20px; position: absolute; left: 50%; top: 50%; margin-left: -10px; margin-top: -10px; background: url(../images/detail/loading.png) no-repeat; background-size: 100% auto; -webkit-animation: loading 1s infinite linear; animation: loading 1s infinite linear; }
@-webkit-keyframes loading {
    0% { -webkit-transform: rotate(0) }
    100% { -webkit-transform: rotate(-360deg) }
}
@keyframes loading {
    0% { transform: rotate(0) }
    100% { transform: rotate(360deg) }
}

/*header*/
.header { width: 100%; height: 60px; position: absolute; left: 0; top: 0; z-index: 2; }
.header .logo { float: left; padding: 16px 0 0 20px }
.header .r { float: right; padding-top: 16px; padding-right: 20px; }
.header .r .sign-in a, .header .r .name { display: inline-block; cursor: pointer; color: #fff; font-size: 14px; height: 28px; line-height: 28px; }
.header .sign-in { float: right; margin-right: 20px; display: inline; }
.header .sign-in a.no { width: 80px; border: 2px solid #fff; text-align: center; display: block; height: 24px; line-height: 24px; border-radius: 1px; }
.header .sign-in .yes img { width: 20px; height: 20px; overflow: hidden; background-color: #fff; border-radius: 100%; display: inline-block; vertical-align: middle; margin-right: 5px; }
.header .change-box { float: right; position: relative; }
.header .change-box .name { padding: 0 20px }
.header .push-box { position: absolute; left: 50%; margin-left: -50px; top: 28px; display: none; z-index: 2; }
.header .push-box .inner-box { background-color: #fff; width: 98px; border: 1px solid #DBDBDB; padding-bottom: 15px; padding-top: 5px; }
.header .push-box a { font-size: 14px; line-height: 17px; color: #424445; margin-top: 10px; text-align: center; display: block; width: 100%; }
.header .push-box .inner-box:before { content: ""; width: 6px; height: 6px; position: absolute; border: 1px solid #DBDBDB; border-bottom: 0; border-right: 0; background-color: #fff; top: -4px; left: 50%; margin-left: -5px; border-radius: 1px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.header-static { position: static; background-color: #fff; margin-bottom: 40px; border-bottom: 1px solid #ededed }
.header-static .r .sign-in a, .header-static .r .name { color: #424445 }
.header-static .sign-in a.no { border-color: #DBDBDB }

/*footer*/
.footer { width: 100%; min-width: 1150px; background-color: #fff; margin-top: 60px; border-top: 1px solid #EBEBEB; }
.foot-1, .foot-2 { width: 1150px; margin: 0 auto; }
.foot-1 { padding: 35px 0; }
.foot-1 .telephone .num { font-size: 30px; line-height: 35px; }
.foot-1 .telephone .tip { font-size: 14px; color: #757575; margin-top: 8px; }
/* .foot-1 .follow { margin-top: 48px; } */
.foot-1 .follow .hd { font-size: 14px; margin-bottom: 18px; color: #757575; }
.foot-1 .follow a { float: left; display: inline; margin-right: 18px; opacity: .5; filter: alpha(opacity=50); -webkit-transition: all 0.25s linear; transition: all 0.25s linear; position: relative; width: 30px; height: 30px; overflow: hidden; }
.foot-1 .follow a:hover { overflow: visible; opacity: 1; filter: alpha(opacity=100); }
.foot-1 .follow img { width: 30px; height: 30px; }
.foot-1 .follow .qrcode { width: 200px; height: 212px; position: absolute; left: 50%; margin-left: -100px; top: -210px; -webkit-transform: translateY(-100px); transform: translateY(-50px); -webkit-transition: all 0.25s; transition: all 0.25s; opacity: 0 }
.foot-1 .follow a:hover .qrcode { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1 }
/* .foot-nav { float: right; } */
.foot-nav .item { float: left; width: 190px; margin-left: 0px; }
.foot-nav .hd { font-size: 14px; padding-bottom: 5px }
.foot-nav li { line-height: 14px; font-size: 12px; margin-top: 20px; }
.foot-nav li a { color: #757575; }
.foot-nav li a:hover { color: #49C9F5 }
.foot-2 { padding: 15px 0; border-top: 1px solid #EBEBEB; }
.foot-2 .copyright { float: left; line-height: 23px; font-size: 12px; color: #757575; }
.foot-2 .payment { float: right; }
.foot-2 .payment img { float: left; margin-left: 9px; width: 40px; height: 23px; }

/*search*/
.search-box { width: 651px; font-size: 16px; float: left; z-index: 6; margin-top: 19px; border-left: 1px solid #F6F1F0; margin-left: 30px; position: relative; }
.search-box .select-box, .search-result { position: absolute; left: 0; top: 22px; padding-top: 30px; clear: both; min-width: 580px; overflow: hidden; }
.search-box .select-box { height: 0; opacity: 0; transform: translateY(100px); transition: all .25s linear; }
.select-place, .select-date { width: 308px; height: 22px; padding: 0 30px 0 15px; position: relative; float: left; margin-top: 0; background: #fff; background-size: 16px auto; overflow: hidden; }
.search-box .select-active { z-index: 2; overflow: visible; }
.search-box .select-active .select-box { height: auto; overflow: visible; opacity: 1; transform: translateY(0px); }
.search-box .select-box .inner-box { background: #fff; box-shadow: 0px 0px 3px #b6b6b6; border-radius: 1px; }
.search-box input { width: 100%; height: 22px; line-height: 22px; float: left; border: 0; font-size: 14px; cursor: pointer; }
.search-box .select-place input { padding-left: 27px; }
.search-box .ico-search { width: 17px; height: 19px; background: url(../images/detail/i-search.png) no-repeat; background-size: 100% auto; position: absolute; left: 15px; top: 50%; margin-top: -10px; opacity: .5; transition: opacity .25s; }
.search-box:hover .ico-search { opacity: 1; }
.search-box .arrow { display: none; }
.search-box .btn-search { height: 22px; width: 22px; float: left; display: inline; margin-left: 10px; cursor: pointer; border-radius: 2px; display: none; }
.search-box .btn-search a { display: block; width: 22px; height: 22px; background: url(../images/ico-search3.png) no-repeat center; background-size: auto 22px; }
.search-box .btn-search a:hover { opacity: .8; }
.search-box-active .btn-search, .search-box-active .select-date { display: block; }
.search-box-active .ico-search { display: none; }
.search-box-active .select-place input { padding-left: 0; -webkit-transition: padding-left .3s; transition: padding-left .3s; }
.search-box .search-type-tab{display: inline-block;float: left; }
.search-box .search-box-useless{display: none}
.search-box .dont-use-date{display: none}

/* search-tab */
.search-box .search-type-tab{
    font-size: 14px;
    width: 61.5px;
    height: 28px;
    border-radius: 2px;
    cursor:pointer;
    border: solid 1px #ebebeb;
    transform: translateY(-4px);
   
}
.search-box .show-selected-now{position: relative}
.search-box .show-selected-now:after{ content: ""; width: 9px; height: 9px; position: absolute; right: 10px; top: 10px;transform: translateY(-1px);
    background: url(../images/ico-next3.png) no-repeat center; background-size: cover; -webkit-transition: all 0.25s ease-in; transition: all 0.25s ease-in; }
.search-box .show-selected-now:after{ width: 10px; height: 10px; transform: translate(3px,-1px) rotate(90deg);
    background: url(../images/ico-next3.png) no-repeat center;     background-size: 5px 8px;}
.search-box .show-selected-now .btn-font{height:28px;line-height: 28px;color:#49c9f5;padding-left:10px }
.search-box .search-type{width:100px;height: 28px;line-height: 28px; border: solid 1px #ebebeb;background-color: #fff;text-align: center;    transform: translate(-17px,10px);}
.search-box .search-type-ship{border-bottom: none}
.search-box .search-type-dive{border-top: none}

/*select-place*/
.search-box .select-place .inner-box {
    padding: 20px;
    padding-left: 0px;
    padding-top: 0;

}

.search-box .select-place .inner-box .inner-box-out {
    display: flex;
    flex-direction: row;
    padding: 20px;
}

.search-box .select-place .inner-box .inner-box-out .search-item {
    display: flex;
    flex-direction: column;
    width: 110px;
    font-size: 14px;
    font-weight: 100;
}

.search-box .select-place .inner-box .inner-box-out .search-item li {
    margin-top: 8px;
    line-height: 18px;
    cursor: pointer;
}

.search-box .select-place .inner-box .inner-box-out .search-item .flag-hot {
    color: #ED6C55;
}

.search-box .select-place .inner-box .inner-box-out .search-item .t {
    font-weight: 600;
}


.select-place .l { float: left; width: 166px; font-size: 14px; margin-left: 20px; }
.select-place .l .part { margin-top: 20px; line-height: 1.6; }
.select-place .l .part span { color: #757575; font-weight: 200; cursor: pointer; display: inline-block; line-height: 18px; margin-top: 8px; transition: font-weight .05s linear .25s; }
/* .select-active .l .part span { font-weight: bolder; } */
.select-place .l .part .flag-hot span { padding-right: 18px; color: #ED6C55 }
.select-place .l .part span:hover, .select-place .l .part .active { color: #49C9F5; }
.select-place .l .t { padding-bottom: 5px; font-weight: 600 }

/*select-date*/
.select-date { width: 155px; border-left: 1px solid #F6F1F0; padding-left: 15px; display: none; }
.select-date .select-box { width: 201px; left: -1px; }
.select-date .select-year { width: 100%; height: 50px; line-height: 50px; border-bottom: 1px solid #ebebeb; position: relative; }
.select-date .select-year .prev, .select-date .select-year .next { width: 20px; height: 20px; position: absolute; left: 140px; top: 14px; background: url(../images/ico-prev.png) no-repeat center center; background-size: 9px auto; }
.select-date .select-year .next { left: 170px; background: url(../images/ico-next.png) no-repeat center center; background-size: 9px auto; }
.select-date .select-year .prev:hover { background: url(../images/ico-prev3.png) no-repeat center; background-size: 9px auto; }
.select-date .select-year .next:hover { background: url(../images/ico-next3.png) no-repeat center; background-size: 9px auto; }
.select-date .select-year .prev.disabled:hover { background: url(../images/ico-prev.png) no-repeat center; background-size: 9px auto; }
.select-date .select-year .next.disabled:hover { background: url(../images/ico-next.png) no-repeat center; background-size: 9px auto; }
.select-date .select-year .year { font-size: 20px; padding-left: 23px; }
.select-date .select-year .disabled { opacity: .5; filter: alpha(opacity=50); }
.select-date li { float: left; margin-left: 18px; cursor: pointer; width: 40px; height: 16px; line-height: 16px; text-align: center; font-size: 14px; border-bottom: 3px solid #fff; padding-bottom: 4px; margin-bottom: 8px; font-weight: 200; transition: font-weight .05s linear .25s; }
.select-active li { font-weight: 100; }
.select-date li:hover, .select-date .active { border-bottom-color: #fff; color: #49c9f5; }
.select-date .none { color: #bbb }
.search-box .select-date .inner-box { height: 211px; overflow: hidden; width: 201px; position: relative; }
.select-date .select-month { position: absolute; left: 0; top: 54px; width: 10000px }
.select-date .select-month ul { width: 201px; padding-top: 25px; overflow: hidden; float: left; }

/*search-result*/
.search-result { overflow: visible; display: none; }
.search-result .inner-box { width: 580px; box-shadow: 0px 0px 3px #b6b6b6; overflow-y: auto; background-color: #fff; border-radius: 1px; min-height: 40px; }
.search-result .ico { width: 10px; height: 15px; position: absolute; left: 23px; top: 50%; margin-top: -8px; background: url(../images/ico-place.png) no-repeat; background-size: 100% auto; display: block; }
.search-result .result-ship .ico { width: 14px; height: 14px; background: url(../images/ico-ship.png) no-repeat; background-size: 100% auto; }
.search-result .result-ship { border-top: 1px solid #ECECEC; position: relative; top: -1px; }
.search-result dt, .search-result dd { height: 40px; line-height: 40px; padding-left: 46px; font-size: 14px; cursor: pointer; position: relative; }
.search-result dd span{color:#757575!important;}
.search-result .active { background-color: #fafafa; }
.search-result .active span { color: #757575 !important }
.search-result .active .name, .search-result .active .cate { color: #fff }
.search-result .cate { color: #757575; margin-left: 5px }
.search-result .result-place dd .name {color:#757575!important; display: inline-block; text-indent: 15px; }
.search-result .no-result { line-height: 40px; padding-left: 23px; font-size: 14px; color: #757575 }

/*userbox*/
.loginBox { display: none; }
.user-box { width: 250px; padding: 30px; background: #fff; position: fixed; left: 50%; margin-left: -155px; top: 50%; margin-top: -132px; z-index: 100; display: none; border-radius: 2px; }
.user-box .bar { width: 100%; overflow: hidden; }
.user-box .bar ul { width: 200%; overflow: hidden; }
.user-box .bar li { width: 100px; float: left; margin-right: 50px; display: inline; padding-bottom: 2px; margin-bottom: 20px; color: #D9E3E7; border-bottom: 1px solid #D9E3E7; text-align: center; font-size: 18px; }
.user-box .bar .cur { color: #A2B3B9; border-color: #9FD6EA; }
.user-box .text { border: 1px solid #d5dee0; border-radius: 2px; height: 30px; line-height: 30px; width: 248px; margin-bottom: 20px; text-indent: 10px; }
.user-box .text:focus { border-color: #9FD6EA }
.user-box .forgot { text-align: right; color: #49C9F5; position: relative; top: -10px; }
.user-box .forgot span { cursor: pointer; }
.user-box .btn { border-radius: 3px; border: 0; text-align: center; color: #fff; font-size: 16px; background: #49C9F5; width: 100%; height: 32px; line-height: 32px; cursor: pointer; }
.user-box .tip { color: #D9E3E7; font-size: 12px; margin-bottom: 10px; }
.user-box .signbox, .user-box .forgotbox { display: none; }
.user-box .close { position: absolute; right: 10px; top: 10px; cursor: pointer; color: #D9E3E7; font-size: 16px; }
#mask { position: fixed; width: 100%; height: 100%; z-index: 25; background: rgba(0, 0, 0, 0.6); left: 0; top: 0; display: none; }

/*coupon-guide2*/
.coupon-guide2 { width: 352px; height: 352px; border: 4px solid #808080; position: fixed; left: 50%; margin-left: -180px; top: 50%; margin-top: -180px; text-align: center; z-index: 999; background: #fff url(../images/coupon-bg.png) no-repeat 0 0; }
.coupon-guide2 .tit { font-size: 24px; color: #25AFE5; padding-top: 46px; font-weight: 600; line-height: 30px }
.coupon-guide2 .desc { font-size: 14px; color: #373B3D; line-height: 20px; margin-top: 5px; }
.coupon-guide2 .qrcode { margin-top: 62px; }
.coupon-guide2 .qrcode img { width: 125px; }
.coupon-guide2 .tip { margin-top: 10px; line-height: 20px; height: 20px }
.coupon-guide2 .tip span { display: inline-block; padding-left: 25px; font-size: 14px; color: #373B3D; background: url(../images/coupon-scan.png) no-repeat 0 center; background-size: 15px auto; }
.coupon-guide2 .close { width: 13px; height: 13px; overflow: hidden; position: absolute; right: 13px; top: 13px; background: url(../images/coupon-close.png) no-repeat; background-size: 100% auto; cursor: pointer; }

/*coupon-guide*/
.coupon-guide { width: 390px; position: fixed; left: 50%; margin-left: -195px; top: 50%; margin-top: -220px; text-align: center; z-index: 998; display: none; }
.coupon-guide .close { width: 26px; height: 26px; background: url(../images/coupon-guide/close.png) no-repeat; background-size: 100% auto; position: absolute; right: -46px; top: -46px; z-index: 999; cursor: pointer; }
.coupon-guide .close:hover { }
.coupon-guide .box { background-color: #fff; position: absolute; width: 330px; border-radius: 2px; overflow: hidden; padding: 30px 30px 40px; display: none; }
.coupon-guide .box-get { display: block; }
.coupon-guide .box-get .title { height: 164px; line-height: 164px; text-indent: 15px; text-align: center; font-size: 24px; color: #EA5238; background: url(../images/coupon-guide/title-3.png) no-repeat 0 0; background-size: 344px auto; }
.coupon-guide .box-get .rule { text-align: center; line-height: 20px; color: #424445; font-size: 14px; margin-top: 30px; padding-bottom: 30px; border-bottom: 1px dotted #EBEBEB; }
.coupon-guide .btn-rule { color: #92D7F2; display: inline-block; padding-right: 12px; position: relative; margin-left: 2px; }
.coupon-guide .btn-rule:hover { text-decoration: underline; color: #27B7E8 }
.coupon-guide .btn-rule .arrow { width: 9px; height: 9px; background: url(../images/coupon-guide/arrow.png) no-repeat; background-size: 100% auto; position: absolute; right: 0; top: 7px; }
.coupon-guide .box-get .form-item { margin-top: 30px; }
.coupon-guide .box-get .form-item input { width: 298px; padding: 0 15px; font-size: 16px; height: 38px; line-height: 38px; border: 1px solid #ccc; border-radius: 2px; }
.error-info { text-align: left; font-size: 14px; color: #FC4427; line-height: 20px; padding-top: 6px; clear: both; display: none; }
.error .error-info { display: block; }
.coupon-guide .rule-list { padding-top: 7px; text-align: left; display: none; color: #757575; }
.coupon-guide .rule-list p { line-height: 20px; margin-top: 10px; font-size: 14px; }
.coupon-guide .btn-submit { display: block; width: 100%; height: 40px; margin-top: 30px; line-height: 40px; text-align: center; color: #fff; font-size: 16px; background-color: #49C9F5; border-radius: 2px; }
.coupon-guide .btn-submit:hover { text-decoration: none; background-color: #27B7E8 }
.coupon-guide .btn-submit .disabled, .coupon-guide .btn-submit:hover { background-color: #83D9F7 }
.coupon-guide .box-loading { height: 256px; z-index: 2; }
.coupon-guide .box-loading .loading { width: 43px; height: 43px; background: url(../images/coupon-guide/loading.png) no-repeat; background-size: 43px auto; position: absolute; left: 50%; margin-left: -22px; top: 50px; -webkit-animation: loading 1s infinite linear; animation: loading 1s infinite linear; }
.coupon-guide .box-success .ico, .coupon-guide .box-fail .ico { width: 43px; height: 43px; background: url(../images/coupon-guide/ico-success.png) no-repeat; background-size: 43px auto; position: absolute; left: 50%; margin-left: -22px; top: 50px; }
.coupon-guide .box-fail .ico { background: url(../images/coupon-guide/ico-fail.png) no-repeat; background-size: 40px auto; }
.coupon-guide .box-success .title, .coupon-guide .box-fail .title { font-size: 18px; line-height: 24px; padding-top: 110px; color: #484848; font-weight: 600; }
.coupon-guide .box-success .info { margin-top: 12px; text-align: center; color: #6C6C6C; line-height: 20px; font-size: 14px; }
.coupon-guide .box-success .info a { color: #49C9F5 }
.coupon-guide .box-invite2 { text-align: center; }
.coupon-guide .box-invite2 .hd { margin-top: 43px; font-size: 24px; color: #424445; }
.coupon-guide .box-invite2 .qrcode { margin-top: 18px; }
.coupon-guide .box-invite2 .qrcode img { width: 100px; height: 100px; display: block; margin: 0 auto; }
.coupon-guide .box-invite2 .code { margin-top: 22px; color: #757575; font-size: 14px; }
.coupon-guide .box-invite .invite-code { width: 181px; height: 162px; margin: 20px auto 0; background: url(../images/coupon-guide/s.png) no-repeat right 0; text-align: center; }
.coupon-guide .box-invite .invite-code .code { font-size: 20px; line-height: 28px; font-weight: 600; color: #EA5238; padding-top: 25px; }
.coupon-guide .box-invite .invite-code .name { font-size: 12px; color: #bbb; margin-top: 4px; }
.coupon-guide .box-invite .info, .coupon-guide .box-invite2 .info { font-size: 14px; color: #424445; margin-top: 30px; text-align: left; line-height: 20px; }

/*header3*/
.header3 { width: 100%; min-width: 1150px; height: 60px; background: url(../images/header-bg.png) repeat-x 0 0; position: absolute; left: 0; top: 0; z-index: 2; }
.header3 .logo { float: left; display: inline; margin: 15px 0 0 35px }
.header3 .r { float: right; padding-top: 14px; padding-right: 35px; }
.header3 .r .sign-in a, .header3 .r .name { display: inline-block; cursor: pointer; color: #fff; font-size: 14px; height: 30px; line-height: 30px; }
.header3 .sign-in { float: right; display: inline; }
.header3 .sign-in a.no { width: 78px; border: 1px solid #ebebeb; text-align: center; display: block; height: 28px; line-height: 28px; border-radius: 2px; transition: all .3s; }
.header3 .sign-in a.no:hover { border-color: #fff }
.header3 .sign-in .yes img { width: 20px; height: 20px; overflow: hidden; background-color: #fff; border-radius: 100%; display: inline-block; vertical-align: middle; margin-right: 5px; }
.header3 .change-box { float: right; position: relative; display: inline; height: 30px; }
.header3 .change-box .name { padding-left: 10px; padding-right: 26px; line-height: 28px; }
.header3 .change-lang .flag { width: 20px; height: 14px; display: block; background: url(../images/lang-en.png) no-repeat center 0; background-size: 20px auto; margin-top: 8px; }
.header3 .change-lang .flag-zh { background: url(../images/lang-zh.png) no-repeat center 0; background-size: 20px auto; }
.header3 .change-box .name:after { content: ""; width: 9px; height: 9px; position: absolute; right: 10px; top: 10px; background: url(../images/ico-arrow.png) no-repeat center; background-size: 100% auto; -webkit-transition: all 0.25s ease-in; transition: all 0.25s ease-in; }
.header3 .push-box { position: absolute; left: 50%; margin-left: -63px; top: 28px; padding-top: 12px; width: 0; overflow: hidden; z-index: 7; opacity: 0; -webkit-transition: opacity 0.25s ease-in; transition: opacity 0.25s ease-in; }
.header3 .push-box .inner-box { background-color: #fff; width: 127px; padding: 15px 0; border-radius: 2px; }
.header3 .push-box .flag { position: absolute; left: 17px; top: 0; }
.header3 .push-box a { font-size: 12px; line-height: 30px; height: 30px; text-align: left; padding-left: 48px; display: block; position: relative; overflow: hidden; }
.header3 .push-box a:hover { background-color: #FAFAFA }
.header3 .change-lang { margin-left: 56px; }
.header3 .change-money { margin-left: 36px; }
.header3 .change-money a { padding-left: 58px; }
.header3 .change-money .flag { left: 20px; font-weight: 600 }
.header3 .change-box:hover .name:after { transform: rotate(-180deg); }
.header3 .change-box:hover .push-box { width: 127px; opacity: 1 }
.header3-static { position: static; background: none; background-color: #fff; border-bottom: 1px solid #ebebeb; }
.header3-static .sign-in a.no { border-color: #ebebeb; }
.header3-static .sign-in a.no:hover { border-color: #ccc }
.header3-static .r .sign-in a, .header3-static .r .name { color: #424445 }
.header3-static .change-box .name:after { width: 10px; height: 10px; background: url(../images/ico-arrow2.png) no-repeat center; background-size: 100% auto; }
.header3-static .push-box .inner-box { border: 1px solid #e4e4e4; width: 125px }
input:focus, textarea:focus { border-color: #92D7F2 !important; }