html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
* { cursor: pointer; }
body { line-height: 1; color: #251802; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
em { font-style: normal; }
input, textarea, select { padding: 0; margin: 0; -webkit-appearance: none; }
body { font: normal 12px arial, "Microsoft YaHei", "\5B8B\4F53"; background: #fff; color: #333; }
input, select { vertical-align: middle; font: normal 12px arial, "Microsoft YaHei", "\5B8B\4F53"; }
textarea { font: normal 12px arial, "Microsoft YaHei", "\5B8B\4F53"; }
b, i { font-style: normal; }
img { vertical-align: top; }
input, textarea { outline: 0; resize: none; }
html { -webkit-text-size-adjust: none; font-size: 100px; }
html { -webkit-text-size-adjust: none; font-size: 100px; }
@media only screen and (min-width:320px) {
	html { font-size: 85.3px;    /* 11.25÷16=70.3% */ }
}
@media only screen and (min-width:375px) {
	html { font-size: 100px;    /* 11.25÷16=70.3% */ }
}
@media only screen and (min-width:400px) {
	html { font-size: 106px;    /* 12.5÷16=0.78% */ }
}
@media only screen and (min-width:600px) {
	html { font-size: 160px;    /* 18.75÷16=117% */ }
}
@media only screen and (min-width:800px) {
	html { font-size: 213px;    /* 25÷16=156% */ }
}
.clear:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clear { zoom: 1; }
.none { display: none; }
a { text-decoration: none; color: #757575; }
a:hover, a:active { text-decoration: none; color: #49c9f5; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #bbb; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #bbb; }
::-webkit-scrollbar { width: .03rem; }
::-webkit-scrollbar-thumb { border-radius: 1px; background-color: #d0d9dc; }
#gotoTop { position: fixed; z-index: 5; right: 10px; bottom: 70px; width: 39px; height: 39px; display: none; }
#gotoTop img { width: 39px; height: 39px; }
.mask { width: 100vw; height: 100vh; background: #000; opacity: 0.2; z-index: 20; position: fixed; left: 0px; top: 0px; display: none; }
:-moz-placeholder { color: #d0d9dc; }
::-moz-placeholder { color: #d0d9dc; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #d0d9dc; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #d0d9dc; }
.myalert { width: 280px; height: 130px; position: absolute; left: 50%; margin-left: -140px; top: 130px; background: #fff; border-radius: 2px; text-align: center; padding-top: 15px; z-index: 30; display: none; }
.myalert span { height: 50px; line-height: 50px; color: #fff; position: absolute; left: 0px; display: block; width: 100%; bottom: 0px; background: #cc8e00; z-index: 31; }
.myalert p { padding: 0 10px; line-height: 70px; }
body { font-size: 0.12rem; color: #757575; min-width: 320px; }
body { font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 0.12rem; line-height: 1.5; -webkit-font-smoothing: antialiased; font-weight: normal; }
[lang="zh"] body { font-size: 0.12rem; font-family: "pingfontweb, Helvetica Neue, Helvetica, Roboto, Arial, PingFang SC, Hiragino Sans GB, Microsoft Yahei, Microsoft Jhenghei, sans-serif"; line-height: 1.5; -webkit-font-smoothing: antialiased; }
.wrap { max-width: 750px; margin: 0 auto; overflow: hidden; position: relative; }
.wrap-blur { -webkit-filter: blur(25px); -moz-filter: blur(25px); -ms-filter: blur(25px); filter: blur(25px); }
.header { position: absolute; left: 0px; top: 0px; z-index: 10; width: 100%; }
.header a.logo { width: 1.175rem; height: 0.32rem; position: absolute; left: 0.075rem; top: 0.075rem; }
.header a.logo img { height: 0.2rem; }
.header .signin, .header .signin-yes { color: #fff; border: 1px solid #fff; border-radius: 2px; width: 0.5rem; height: 0.2rem; line-height: 0.2rem; text-align: center; position: absolute; right: 0.075rem; top: 0.08rem; z-index: 10; font-size: 0.12rem; }
.header .signin-yes a { color: #fff }
.footer { width: 100%; background: #49C9F5; }
.footer .c { width: 3.4rem; margin: 0 auto; }
.footer .len { padding-top: 0.2rem; text-align: center; margin-bottom: 0.15rem; }
.footer .len span { display: inline-block; border: 1px solid #fff; width: 0.9rem; height: .25rem; color: #fff; line-height: .25rem; margin: 0 .05rem; text-align: left; text-indent: .1rem; position: relative; border-radius: 2px; }
.footer .len span i { position: absolute; display: inline-block; vertical-align: middle; width: 0.09rem; height: 0.05rem; background: url(../images/btn.png); background-size: 100% 100%; right: .1rem; top: .11rem; }
.footer .pay { text-align: center; margin-bottom: 0.15rem; }
.footer .pay span { display: inline-block; margin: 0 .025rem; width: 0.45rem; height: 0.3rem; overflow: hidden; }
.footer .pay span img { width: 0.45rem; height: 0.3rem; }
.footer .links { padding-top: 0.15rem; border-top: 1px solid #6CC0DF; text-align: center; margin-bottom: 0.15rem; height: .175rem; line-height: .175rem; overflow: hidden; }
.footer .links a { display: inline-block; font-size: 14px; color: #fff; margin-bottom: 0.15rem; margin: 0 0.1rem; }
.footer .text { text-align: center; font-size: 0.12rem; color: #fff; padding-bottom: 0.1rem; opacity: 0.8; }
.BottomselectSBox .language, .BottomselectSBox .moneyBox { display: none; width: 1.6rem; background: #fff; border-radius: .02rem; text-align: center; padding-top: 0.25rem; padding-bottom: 0.1rem; position: fixed; left: 50%; margin-left: -0.8rem; top: 1rem; z-index: 30; }
.BottomselectSBox .language a, .BottomselectSBox .moneyBox a { display: block; font-size: 0.17rem; margin-bottom: .15rem; height: .2rem; line-height: 0.2rem; color: #a2b3b9; }
.BottomselectSBox .language .active, .BottomselectSBox .moneyBox .active { color: #49C9F5; }
.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: 2.75rem; padding: .25rem .2rem .2rem; background: #fff; position: fixed; left: 50%; margin-left: -1.575rem; top: 150px; z-index: 100; display: none; border-radius: .02rem; }
.loginBox .bar { padding-bottom: .05rem; }
.loginBox .bar .l, .loginBox .bar .r { width: .8rem; padding-bottom: .05rem; border-bottom: .02rem solid #D9E3E7; float: left; font-size: .17rem; text-align: center; color: #d0d9dc; line-height: .2rem; }
.loginBox .bar .forger { display: none; }
.loginBox .bar .l span, .loginBox .bar .r span { display: block; }
.loginBox .bar .l { margin-right: .4rem; }
.loginBox .bar .cur { color: #A2B3B9; border-color: #9FD6EA; }
.loginBox .text { border: 1px solid #ecf0f1; border-radius: 2px; height: .4rem; width: 100%; margin-top: .15rem; padding: 0 .1rem; font-size: .15rem; 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: .15rem; color: #49C9F5; position: relative; margin-top: .05rem; }
.loginBox .forgot span { cursor: pointer; }
.loginBox .btn { border-radius: 2px; border: 0; text-align: center; color: #fff; font-size: .17rem; background: #49C9F5; width: 100%; height: .4rem; line-height: .4rem; cursor: pointer; margin-top: .3rem; }
.loginBox .tip { color: #d0d9dc; line-height: .175rem; font-size: .15rem; margin-top: .05rem; }
.loginBox .signbox, .loginBox .forgotbox { display: none; }
.loginBox .close { display: none; position: absolute; right: 10px; top: 10px; cursor: pointer; color: #D9E3E7; font-size: 16px; }
.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: 1.6rem; background-color: #fff; margin-left: -.8rem; padding: .25rem 0 .1rem; border-radius: .02rem; top: 1rem !important; margin-top: 0 !important; max-height: 2rem; overflow: hidden; overflow-y: auto; }
.ui-selectbox li { font-size: .17rem; line-height: .2rem; height: .2rem; margin-bottom: .15rem; text-align: center; }
.ui-selectbox .active { color: #49C9F5 }

/* 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: 3rem; margin-left: auto; margin-right: auto; overflow: hidden; clear: both; }
.ui-tip div { margin: 0 .15rem; max-width: 750px; height: .25rem; color: #fff; font-size: .15rem; text-align: center; background-color: #676A6B; border-radius: 2px; }



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