@font-face {
    font-family: 'avenir_regular';
    src: url('../v3/css/font/avenir_regular.eot');
    src: url('../v3/css/font/avenir_regular.eot?#iefix') format('embedded-opentype'),
         url('../v3/css/font/avenir_regular.woff2') format('woff2'),
         url('../v3/css/font/avenir_regular.woff') format('woff'),
         url('../v3/css/font/avenir_regular.ttf') format('truetype'),
         url('../v3/css/font/avenir_regular.svg#avenir_regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* reset */
html { background-color: #fff }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin: 0; padding: 0 }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
body, button, input, select, textarea { font: 12px/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 }
[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 }
body { min-width: 1200px; background-color: #f6f6f6; }
.container, .inner { width: 1200px; margin: 0 auto; }
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; }
input:focus { border-color: #9FD6EA!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; }

/*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; color: #fff; background-color: #373938; margin-top: 100px; }
.footer .inner { padding-top: 40px; width: 840px; }
.footer .help-link { width: 190px; padding-left: 20px; font-size: 14px; overflow: hidden; border-right: 1px solid rgba(255, 255, 255, .8); float: left; }
.footer .hotline { width: 250px; }
.footer .help-link .hd { font-weight: 600; padding-bottom: 10px; }
.footer .help-link li { line-height: 16px; margin-top: 20px; color: #fff; opacity: .8; filter: alpha(opacity=80); }
.footer .help-link a { color: #fff; }
.footer .reviews-from, .footer .pay-tools { float: left; padding-left: 20px; }
.footer .reviews-from .hd, .footer .pay-tools .hd { font-size: 14px; line-height: 17px; opacity: .8; filter: alpha(opacity=80); }
.footer .reviews-from .bd, .footer .pay-tools .bd { margin-top: 10px; }
.footer .pay-tools .bd { width: 335px; }
.footer .reviews-from .bd img, .footer .pay-tools .bd img { margin-right: 15px; }
.footer .pay-tools { margin-top: 75px; }
.footer .copyright { padding-top: 40px; padding-bottom: 20px; font-size: 12px; text-align: center; clear: both; opacity: .8; filter: alpha(opacity=80); }
.footer .copyright a { color: #fff }

/*sidebar*/
.sidebar { width: 240px; float: left; }
.side-box { background-color: #fff; }
.side-box .m-hd { width: 100%; height: 40px; position: relative; line-height: 40px; background-color: #3EBAE7; color: #fff; font-size: 16px; text-indent: 36px; }
.side-box .m-hd .ico { width: 20px; height: 20px; overflow: hidden; position: absolute; left: 10px; top: 50%; margin-top: -10px; background: url(../images/ico/ico-search.png) no-repeat; background-size: 20px auto; }

/*side-search*/
.side-search .search-box { padding: 10px 15px 20px; *padding-top: 30px; font-size: 16px; border: 1px solid #ededed; }
.sidebar .select-place, .sidebar .select-date { height: 30px; border: 1px solid #DADADA; padding-left: 15px; padding-right: 10px; position: relative; margin-top: 20px; border-radius: 1px; }
.search-box input { width: 100%; height: 30px; line-height: 30px; float: left; border: 0; font-size: 14px; color: #373B3D; cursor: pointer; }
.search-box .ico { width: 16px; height: 16px; overflow: hidden; background-color: #DADADA; position: absolute; left: 8px; top: 50%; margin-top: -8px; background: url(../images/ico/ico-place.png) no-repeat center; background-size: 16px auto; display: none; }
.search-box .select-date .ico { background: url(../images/ico/ico-date.png) no-repeat center; background-size: 16px auto; }
.search-box .arrow { width: 16px; height: 16px; overflow: hidden; position: absolute; right: 10px; top: 50%; margin-top: -8px; background: #fff url(../images/ico/ico-down.png) no-repeat; background-size: 16px auto; }
.sidebar .search-box .btn-search { margin-top: 20px; text-align: right; }
.sidebar .search-box .btn-search a { width: 80px; height: 32px; display: inline-block; line-height: 32px; text-align: center; background-color: #3EBAE7; color: #fff; font-size: 14px; border-radius: 1px; }
.sidebar .search-box .select-box { top: 30px }

/*side-history*/
.side-history { margin-top: 30px; }
.side-history .m-hd .ico { background: url(../images/ico/ico-history.png) no-repeat; background-size: 20px auto; }
.side-history .bd { overflow: hidden; border: 1px solid #ededed; }
.side-history ul { padding-left: 15px; overflow: hidden; margin-bottom: -1px }
.side-history li { height: 60px; overflow: hidden; padding: 15px 0; border-bottom: 1px solid #DADADA }
.side-history li .pic { width: 60px; height: 60px; display: inline; float: left; margin-right: 15px }
.side-history li img { width: 60px; height: 60px; }
.side-history li .tit { font-size: 16px; color: #393A3D; padding-top: 5px; line-height: 22px }
.side-history li .place { font-size: 14px; color: #B4B5B5; margin-top: 10px; line-height: 20px; }
.side-history li .tit, .side-history li .place { width: 135px; white-space: nowrap; Word-break: normal; overflow: hidden; text-overflow: ellipsis; }

/*search*/
.search-box .select-box, .search-result { position: absolute; left: 0; top: 42px; clear: both; width: 541px; padding-top: 2px; display: none; }
.sidebar .search-box .select-box { left: -1px; }
.search-box .select-active { z-index: 2; }
.search-box .select-active .select-box { display: block; }
.search-box .select-box .inner-box { background: #fff; border: 1px solid #DBDBDB; }
.search-box .select-place .inner-box { padding: 15px 20px; padding-left: 5px; padding-top: 0; }
.select-place .l { float: left; width: 160px; font-size: 14px; margin-left: 10px; }
.select-place .l .part { margin-top: 15px; line-height: 1.6; }
.select-place .l .part span { color: #424445; cursor: pointer; display: inline-block; margin-top: 5px; }
.select-place .l .part span:hover, .select-place .l .part .active { color: #49C9F5; }
.select-place .l .t { color: #393A3D; padding-bottom: 5px; font-weight: 600 }
.select-date .select-box { width: 248px; }
.select-date .select-year { width: 100%; height: 22px; line-height: 22px; margin-top: 15px; text-align: center; position: relative; }
.select-date .select-year .prev, .select-date .select-year .next { width: 20px; height: 20px; overflow: hidden; position: absolute; left: 15px; top: 0; background: url(../images/year-prev.png) no-repeat center; border: 1px solid #C4C5C2; background-size: 16px auto; }
.select-date .select-year .next { left: auto; right: 15px; background: url(../images/year-next.png) no-repeat center; background-size: 16px auto; }
.select-date .select-year .year { width: 50px; font-size: 16px; color: #373B3D; line-height: 22px; }
.select-date .select-year .disabled { opacity: .5; filter: alpha(opacity=50); }
.select-date li { float: left; margin-left: 13px; margin-top: 13px; cursor: pointer; width: 43px; height: 43px; border: 1px solid #DADADA; border-radius: 100%; line-height: 43px; text-align: center; font-size: 14px; color: #393A3D; }
.select-date li:hover, .select-date .active { background-color: #92D7F2; border-color: #fff; color: #fff }
.select-date .none { color: #DADADA }
.search-box .select-date .inner-box { height: 243px; overflow: hidden; width: 100%; position: relative; }
.select-date .select-month { position: absolute; left: 0; top: 54px; width: 10000px }
.select-date .select-month ul { width: 246px; overflow: hidden; float: left; padding-left: 2px; }

/*search-result*/
.search-result { display: block; width: 539px; top: 32px; left: -1px; padding-top: 0; min-height: 40px; overflow-y: auto; background-color: #fff; display: none; border: 1px solid #ECECEC; }
.search-result .ico { width: 10px; height: 15px; position: absolute; left: 23px; top: 20px; 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-place .active .ico { background: url(../images/ico-place2.png) no-repeat; background-size: 100% auto; }
.search-result .result-ship .active .ico { background: url(../images/ico-ship2.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; }
.search-result .active { background-color: #25AFE5; color: #fff }
.search-result .active .name, .search-result .active .cate { color: #fff }
.search-result .name { color: #373B3D; font-weight: 600 }
.search-result .cate { color: #B5B6B6; margin-left: 5px }
.search-result dd .name { font-weight: normal; }
.search-result .result-ship dd .name { font-weight: 600; }
.search-result .no-result { line-height: 40px; padding-left: 23px; font-size: 14px; color: #B5B6B6 }

/*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: fixed; right: 23px; top: 23px; z-index: 999; cursor: pointer; opacity: .5; filter: alpha(opacity=50); -webkit-transition: opacity 0.25s ease-in; transition: opacity 0.25s ease-in;}
.coupon-guide .close:hover{ opacity: 1; filter: alpha(opacity=100);}
.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{ box-shadow: 0px 4px 8px #f2f2f2; height: 146px; line-height: 146px; text-align: center; font-size: 24px; color: #EA5238; background: url(../images/coupon-guide/s.png) no-repeat 0 0;}
.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 .box-get .rule a{ color: #92D7F2; display: inline-block; padding-right: 12px; position: relative;}
.coupon-guide .box-get .rule a:hover{ text-decoration: underline; color: #27B7E8}
.coupon-guide .box-get .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;}
.coupon-guide .box-get .form-item .error-info { text-align: left; font-size: 14px; color: #FC4427; line-height: 20px; padding-top: 6px; clear: both; display: none; }
.coupon-guide .box-get .error .error-info{ display: block;}
.coupon-guide .box-get .rule-list{ padding-top: 7px; text-align: left; display: none; color: #757575;}
.coupon-guide .box-get .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;}
@-webkit-keyframes loading {
    0% { -webkit-transform: rotate(0) }
    100% { -webkit-transform: rotate(-360deg) }
}
@keyframes loading {
    0% { transform: rotate(0) }
    100% { transform: rotate(360deg) }
}