/* reset */
html { font-family: sans-serif; -webkit-backface-visibility: hidden; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-size: 50px; }
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, a, del, em, img, strong, b, u, i, dl, dt, dd, ul, li, form, label, button, input, textarea, select { margin: 0; padding: 0; }
body { font: .28rem/1.5 "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #424445; background: #fff; -webkit-text-size-adjust: none; min-width: 320px; -webkit-font-smoothing: antialiased; font-weight: normal; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; clear: both }
h1, h2, h3, h4, h5, h6 { font-size: 100% }
button, input, select, textarea { font-size: 100%; vertical-align: middle; outline: 0; }
input, textarea, select { -webkit-appearance: none; }
textarea { resize: none }
ul, li { list-style: none; }
img { vertical-align: top; border: 0; width: 100% }
table { border-collapse: collapse; border-spacing: 0 }
iframe { display: block }
.clear:after { visibility: hidden; display: block; font-size: 0; content: ""; clear: both; height: 0 }
.clear { zoom: 1 }
a { text-decoration: none; color: #424445 }
a:hover, a:active, a:focus { color: #49c9f5; text-decoration: none; outline: 0 none }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #bbb; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #bbb; }
::-webkit-scrollbar { width: .06rem; }
::-webkit-scrollbar-thumb { border-radius: 1px; background-color: #bbb; }


.ui-selectbox { position: fixed; left: 0; right: 0; top: 0; z-index: 3; margin-left: auto; margin-right: auto; width: 100%; max-width: 750px; height: 100%; overflow: hidden; background: rgba(0, 0, 0, 0.4); }
.ui-selectbox ul { position: absolute; left: 50%; top: 50%; width: 5.12rem; background-color: #fff; margin-left: -2.56rem; max-height: 60%; padding-bottom: .5rem; overflow: hidden; overflow-y: auto; }
.ui-selectbox li { font-size: .34rem; height: .6rem; line-height: .6rem; text-align: center; margin-top: .5rem; }
.ui-selectbox .active { color: #49C9F5 }

@-webkit-keyframes loading {
    0% { -webkit-transform: rotate(0) }
    100% { -webkit-transform: rotate(-360deg) }
}
@keyframes loading {
    0% { transform: rotate(0) }
    100% { transform: rotate(360deg) }
}

/* animation */
.animation { -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: .5s; animation-duration: .5s; }
.bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn }
@-webkit-keyframes bounceIn {
    0% { opacity: 0; -webkit-transform: translateY(.6rem); transform: translateY(.6rem); }
    100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}
@keyframes bounceIn {
    0% { opacity: 0; -webkit-transform: translateY(.6rem); transform: translateY(.6rem); }
    100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}
.ui-tip { width: 100%; max-width: 750px; position: fixed; left: 0; right: 0; bottom: 6rem; margin-left: auto; margin-right: auto; overflow: hidden; clear: both; }
.ui-tip div { margin: 0 .3rem; max-width: 750px; height: .5rem; color: #fff; font-size: .3rem; text-align: center; background-color: #676A6B; border-radius: 2px; }


/* wrap */
.wrap { max-width: 750px; min-width: 320px; margin: 0 auto; position: relative; overflow: hidden; }
.wrap-blur { -webkit-filter: blur(25px); -moz-filter: blur(25px); -ms-filter: blur(25px); filter: blur(25px); }
.footer { background-color: #fff; padding: .4rem 0 .3rem; border-top: 1px solid #e4e4e4; }
.footer .select-box { width: 100%; float: left; margin-bottom: .4rem; }
.footer .select-box a { float: left; width: 2.8rem; height: .7rem; line-height: .7rem; margin-left: .24rem; position: relative; }
.footer .select-box a:after { content: ""; width: .12rem; height: .12rem; position: absolute; right: .2rem; top: 50%; margin-top: -.06rem; border-top: 1px solid #ccc; border-left: 1px solid #ccc; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }
.footer .select-box a:active { background-color: #FAFAFA }
.footer .select-box .select-lang { float: right; margin-right: .24rem; }
.footer .select-box select { width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 1; -webkit-appearance: none !important; -moz-appearance: none !important; background: no-repeat; border-radius: 0; text-indent: .2rem; font-size: .28rem; color: #757575; border: 1px solid #E4E4E4; border-radius: 2px; }
.footer .copyright { float: right; color: #757575; margin-right: .24rem; }
.footer .about-us { float: left; margin-left: .24rem; }
.footer .link-home { float: left; margin-left: .24rem; }
.header-top { width: 100%; position: relative; border-bottom: 1px solid #ebebeb; z-index: 3; }
.header-top .logo { width: 1.25rem; height: .52rem; text-align: center; position: absolute; left: 0; top: 50%; margin-top: -.26rem; z-index: 3; display: none; }
.header-top .logo img { width: .52rem; }

/*search-box*/
.top-back{ width: .14rem; padding: 0 .3rem; height: .9rem; position: absolute; left: 0; top: 0; z-index: 3;}
.top-back:before { content: ""; position: absolute; left: 50%; top: 50%; margin-left: -.03rem; margin-top: -.07rem; width: .14rem; height: .14rem; border-top: 1px solid #bbb; border-left: 1px solid #bbb; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.search-box {margin-top:0px; background-color: #fff; position: relative; z-index: 2; padding: .2rem .3rem .2rem .74rem; padding-right: .3rem; }
.search-box .keyword{ position: relative;}
.search-box .keyword:after{ content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.search-box .keyword input { width: 100%; height: .5rem; line-height: .5rem; font-size: .3rem; border: 0; background: none; padding-left: .5rem; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 2px; background: #f4f4f4 url(../images/ico-search.png) no-repeat .14rem center; background-size: .24rem auto; }
.search-box .btn-search { position: absolute; right: 0; top: 0; background: url(../images/ico-search.png) no-repeat center center; background-size: .36rem auto; z-index: 2; }
.search-box .select-box { width: 100%; font-size: .32rem; background-color: #fff; position: absolute; left: 0; top: .9rem; box-shadow: 0px 0px .04rem rgba(201, 201, 201, .5); border-bottom-left-radius: .02rem; border-bottom-right-radius: .02rem; padding-right: .04rem; -webkit-box-sizing: border-box; box-sizing: border-box; display: none; }
.search-box .inner-box { max-height: 7rem; overflow-y: auto; padding: 0 .2rem .5rem .5rem; }
.select-box .all { width: 100%; clear: both; display: none; }
.select-box .col { width: 50%; float: left; }
.select-box dl { overflow: hidden; }
.select-box dt { padding-top: .4rem; font-size:.24rem; color: #757575; }
.select-box dd { color: #bbb; line-height: .5rem; margin-top: .1rem; }
.select-box dd span { font-size: .28rem; color: rgba(42,44,45,.5) }
.select-box .flag-hot span{ color: #E97247}
.select-box .active { color: #49c9f5 }
.select-date .col { width: 100%; }
.select-date dt { width: 100%; clear: both;font-size:.24rem; }
.select-date dd { margin-top: .1rem; width: 38%; float: left;font-size:.28rem; }
.select-date dd:nth-child(3n+1) { width: 24% }
.select-result .result-place dl:first-child dt { padding-top: 0 }
.select-result .result-ship { padding-top: .2rem; }
.select-result .result-ship .name { color: #424445; margin-right: .1rem; }
.select-date .full span{ color: #bbb}

/*coupon-guide*/
.coupon-guide { width: 78%; height: 4.8rem; overflow: hidden; background-color: #fff; position: fixed; left: 11%; top: 50%; margin-top: -2.4rem; text-align: center; z-index: 999; }
.coupon-guide .info { width: 75%; margin: .9rem auto 0; border: 1px solid rgba(151, 151, 151, .5); overflow: hidden; padding-bottom: .35rem; }
.coupon-guide .tit { font-size: .42rem; color: #373B3D; padding-top: 34px; font-weight: 600; line-height: .5rem; padding-top: .33rem; }
.coupon-guide .desc { font-size: .3rem; color: #6D6D6D; line-height: .35rem; margin-top: .15rem; }
.coupon-guide .btn-get { display: block; width: 89%; margin: .68rem auto 0; height: .8rem; font-size: .32rem; line-height: .8rem; background-color: #25AFE5; color: #fff; border-radius: 2px; }
.coupon-guide .close { width: .3rem; height: .3rem; overflow: hidden; position: absolute; right: .3rem; top: .3rem; background: url(../images/coupon-close.png) no-repeat; background-size: 100% auto; cursor: pointer; }

/*loginBox*/
.mask { position: fixed; width: 100%; height: 100%; z-index: 25; background: rgba(0, 0, 0, 0.2); left: 0; top: 0; display: none; }
.loginBox { width: 5.5rem; padding: .5rem .4rem .4rem; background: #fff; position: fixed; left: 50%; margin-left: -3.15rem; top: 150px; z-index: 100; display: none; border-radius: .04rem; }
.loginBox .bar { padding-bottom: .1rem; }
.loginBox .bar .l, .loginBox .bar .r { width: 1.6rem; padding-bottom: .1rem; border-bottom: .04rem solid #D9E3E7; float: left; font-size: .34rem; text-align: center; color: #d0d9dc; line-height: .4rem; }
.loginBox .bar .forger { display: none; }
.loginBox .bar .l span, .loginBox .bar .r span { display: block; }
.loginBox .bar .l { margin-right: .8rem; }
.loginBox .bar .cur { color: #A2B3B9; border-color: #9FD6EA; }
.loginBox .text { border: 1px solid #ecf0f1; border-radius: 2px; height: .8rem; width: 100%; margin-top: .3rem; padding: 0 .2rem; font-size: .3rem; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; color: #a2b3b9 }
.loginBox .text:focus { border-color: #9FD6EA }
.loginBox .forgot { text-align: right; font-size: .3rem; color: #49C9F5; position: relative; margin-top: .1rem; }
.loginBox .forgot span { cursor: pointer; }
.loginBox .btn { border-radius: 2px; border: 0; text-align: center; color: #fff; font-size: .34rem; background: #49C9F5; width: 100%; height: .8rem; line-height: .8rem; cursor: pointer; margin-top: .6rem; }
.loginBox .tip { color: #d0d9dc; line-height: .35rem; font-size: .3rem; margin-top: .1rem; }
.loginBox .signbox, .loginBox .forgotbox { display: none; }
.loginBox .close { display: none; position: absolute; right: 10px; top: 10px; cursor: pointer; color: #D9E3E7; font-size: .16rem; }