@charset "UTF-8";
a, address, b, big, blockquote, body, cite, code, dd, del, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, th, td, i, iframe, img, ins, label, legend, li, ol, p, pre, small, span, strong, u, ul, var, textarea { margin: 0; padding: 0; }

body { font: 12px/1.5 punctuation, 微软雅黑; color: #575757; position: relative; background: #fff; }

img { border: 0; outline: none; vertical-align: middle; }

input, textarea { outline: 0; resize: none; }

blockquote, q { quotes: none; }

ol, ul { list-style: none; }

em, i, u, cite { font-style: normal; }

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

button, html input[type=button], input[type=submit] { cursor: pointer; }

a { color: #474747; text-decoration: none; }

a:hover { color: #474747; text-decoration: none; }

.body-ea { background: #eaeaea; }

.body-f4 { background: #f4f4f4; }

.userinfo-banner { height: 435px; background: url(../img/big-banner.jpg) #d7a561 no-repeat center; }

.nocontent-blank { min-height: 500px; line-height: 500px; text-align: center; background: #fff; font-size: 28px; color: red; }

.content { width: 1200px; margin: 0 auto; }

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

.content:after { clear: both; visibility: hidden; font-size: 0; height: 0; }

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

.clearfix:after { clear: both; visibility: hidden; font-size: 0; height: 0; }

.header { background-color: #ffffff; line-height: 64px; font-size: 14px; position: relative; }

.header h2 { display: inline-block; margin: 0 0 0 42px; text-indent: -9999px; width: 75px; height: 50px; vertical-align: middle; background: url(../img/logo.jpg) no-repeat; background-size: 100%; }

.header .nav { display: inline-block; vertical-align: middle; margin: 0 0 0 44px; }

.header .nav > li { display: inline-block; min-width: 100px; text-align: center; }

.header .nav > li.active > a { cursor: pointer; color: #d7a561; }

.header .nav > li a { display: inline-block; width: 100%; height: 100%; cursor: pointer; color: #7c7c7c; white-space: nowrap; }

.header .nav > li:hover { cursor: pointer; background: #dbdbdb; }

.header .nav > li:hover > ul { display: block; }

.header .nav > li > ul { display: none; position: absolute; top: 65px; left: 0; right: 0; line-height: 40px; height: 40px; background: #fff; border: 1px solid #c0c0c0; z-index: 99999; white-space: nowrap; overflow: hidden; }

.header .nav > li > ul > li { display: inline-block; height: 40px; margin: 0 12px; }

.header .nav > li > ul > li > a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.header .nav > li > ul > li.active > a { color: #d7a561; }

.header .nav > li > ul > li a:hover { color: #d7a561; }

.header .nav > li > ul > li:last-child { border-bottom: none; }

.header .action { float: right; }

.header .action span { float: left; height: 64px; text-align: center; }

.header .action span:first-child { background: #e4b06a; }

.header .action span:last-child { background: #d7a561; }

.header .action span a { display: block; color: #fff; padding: 0 10px; min-width: 40px; }

.header .action > .lang { position: relative; overflow: hidden; zoom: 1; }

.header .action > .lang > a { float: left; font-size: 14px; display: inline-block; position: relative; }

.header .action > .lang > a + a:after { content: ''; position: absolute; top: 24px; left: 0; bottom: 24px; border-left: 1px solid #eee; }

.header .nav-menu-bg { display: none; height: 40px; width: 100%; background: #fff; border-top: 1px solid #c0c0c0; }

.footer .web-info { background: #e4b06a; }

.footer .web-info .content { padding: 22px 0; }

.footer .web-info .link { padding: 0 0 0 10px; }

.footer .web-info .link h3 { float: left; font-size: 18px; line-height: 28px; color: #fff; }

.footer .web-info .link ul { display: table; width: 960px; }

.footer .web-info .link ul li { float: left; padding: 0 8px; font-size: 14px; line-height: 28px; }

.footer .web-info .link ul li a { color: #f7e7d3; }

.footer .web-info .link ul li a:hover { color: #443420; }

.footer .web-info .web-map { float: right; font-size: 20px; line-height: 30px; color: #fff; margin: 0 36px 0 0; }

.footer .web-info .web-map:after { content: ""; display: inline-block; width: 16px; height: 21px; margin: 0 0 0 8px; vertical-align: middle; background: url("../img/position-icon.png"); }

.footer .copyright { background: #d7a561; line-height: 40px; height: 40px; }

.footer .copyright p { padding: 0 36px 0 0; color: #e2bd8b; text-align: right; }

.footer .copyright p a { color: #e2bd8b; }

.login-view { display: none; position: fixed; z-index: 999; left: 0; top: 0; width: 100%; height: 900px; background: rgba(0, 0, 0, 0.4); }

.login-view.active { display: block; }

.login-view > .login-frame { position: absolute; top: 40%; transform: translateY(-50%); left: 0; right: 0; border: 2px solid #C0C0C0; text-align: center; width: 484px; background: #fff; margin: 0 auto; padding: 40px 0 0 0; }

.login-view > .login-frame > a { position: absolute; top: 0; right: 10px; font-size: 40px; color: #eac18f; }

.login-view > .login-frame input { display: inline-block; width: 292px; border: none; height: 48px; padding: 0 10px; font-size: 14px; background: #efefef; }

.login-view > .login-frame > ul .login-content { display: none; }

.login-view > .login-frame > ul .login-content.active { display: block; }

.login-view > .login-frame .title { font-size: 20px; color: #7c7c7c; font-weight: bolder; padding: 0 80px 40px 85px; }

.login-view > .login-frame .title > a { text-align: left; cursor: pointer; }

.login-view > .login-frame .title > a.active { color: #eac18f; }

.login-view > .login-frame .title > a:first-child { float: left; }

.login-view > .login-frame .title > a:last-child { float: right; }

.login-view > .login-frame .e-mail { margin: 30px 0 0 0; }

.login-view > .login-frame .password { margin: 10px 0 10px 0; }

.login-view > .login-frame .agreement { text-align: left; margin: 0 0 0 94px; font-size: 16px; color: #eac18f; }

.login-view > .login-frame .agreement input[type=checkbox] { display: none; }

.login-view > .login-frame .agreement input[type=checkbox] + label { margin: -5px 5px 0 -7px; vertical-align: middle; border: 1px solid #f9bc66; width: 14px; height: 14px; line-height: 12px; border-radius: 50%; display: inline-block; }

.login-view > .login-frame .agreement input[type=checkbox] + label:before { position: absolute; display: inline-block; content: ""; width: 12px; height: 12px; border-radius: 50%; margin: 1px 2px 2px 1px; }

.login-view > .login-frame .agreement input[type=checkbox]:checked + label:before { background: #f9bc66; }

.login-view > .login-frame .agreement > a { font-size: 16px; color: #eac18f; margin: 0 0 0 80px; }

.login-view > .login-frame .agreement .agree-detail { margin: 0 0 0 0px; }

.login-view > .login-frame .login { margin: 16px 0 16px 0; }

.login-view > .login-frame .login > a { display: inline-block; width: 312px; height: 48px; line-height: 48px; background: #e4b06a; text-align: center; vertical-align: middle; color: #fff; font-size: 20px; }

.login-view > .login-frame .free-register { padding: 0px 0 10px 0; text-align: right; }

.login-view > .login-frame .free-register > a { font-size: 16px; color: #eac18f; margin: 0 98px 0 0; }

.login-register-alert { display: none; }

.login-register-alert > .alert-bg { position: fixed; z-index: 999; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: #fff; margin: 0 auto; background: rgba(0, 0, 0, 0.4); }

.login-register-alert > .alert { position: fixed; z-index: 999; top: 50%; transform: translateY(-50%); right: 0; left: 0; width: 340px; margin: 0 auto; text-align: center; }

.login-register-alert > .alert .title { background: #e4b06a; color: #fff; line-height: 40px; font-size: 20px; }

.login-register-alert > .alert .setcolor { background: #fff; }

.login-register-alert > .alert .setcolor p { font-size: 14px; word-wrap: break-word; text-align: left; }

.login-register-alert > .alert .setcolor .one { padding: 30px 50px; }

.login-register-alert > .alert .setcolor .two { margin: 0 10px 30px; }

.login-register-alert > .alert .close-alert { display: inline-block; background: #fff; width: 340px; height: 40px; line-height: 40px; font-size: 18px; color: #fff; background: #e4b06a; }

.forget-set-heigh { background: #efefef; width: 1920px; height: 1520px; margin: 0 auto; }

.forget-alert { display: none; position: fixed; z-index: 999; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); }

.forget-alert .forget-frame { text-align: center; width: 484px; background: #e4b06a; position: absolute; top: 50%; left: 0; right: 0; margin: 0 auto; transform: translateY(-50%); border: 2px solid #C0C0C0; }

.forget-alert .forget-frame > .title { display: inline-block; height: 58px; line-height: 58px; font-size: 18px; color: #fff; }

.forget-alert .forget-frame .forget-box { padding: 40px 0; background: #fff; }

.forget-alert .forget-frame .forget-box input { display: inline-block; width: 292px; border: none; height: 48px; padding: 0 10px; font-size: 14px; background: #efefef; margin: 10px auto; }

.forget-alert .forget-frame .forget-box > .sent-mail { display: inline-block; width: 312px; height: 48px; line-height: 48px; background: #e4b06a; margin: 20px auto 0; color: #fff; }

.resets-password { width: 100%; height: 800px; text-align: center; background: #F4F4F4; }

.resets-password .reset-wai { margin: 0 auto; width: 484px; padding: 30px 0 0 0; }

.resets-password .reset-wai .forget-frame { text-align: center; background: #e4b06a; }

.resets-password .reset-wai .forget-frame > .title { display: inline-block; height: 58px; line-height: 58px; font-size: 18px; color: #fff; }

.resets-password .reset-wai .forget-frame .forget-box { background: #fff; }

.resets-password .reset-wai .forget-frame .forget-box .mws-form-message { background: #B5CAD6; font-size: 16px; text-align: left; color: red; padding: 0 0 0 20px; }

.resets-password .reset-wai .forget-frame .forget-box .mws-form-message.info { line-height: 40px; }

.resets-password .reset-wai .forget-frame .forget-box .mws-form-message.error li { line-height: 35px; }

.resets-password .reset-wai .forget-frame .forget-box input { display: inline-block; width: 292px; border: none; height: 48px; padding: 0 10px; font-size: 14px; background: #efefef; margin: 10px auto; }

.resets-password .reset-wai .forget-frame .forget-box .password { margin: 40px 0 0 0; }

.resets-password .reset-wai .forget-frame .forget-box > .sent-mail { display: inline-block; width: 312px; height: 48px; line-height: 48px; background: #e4b06a; margin: 20px auto; color: #fff; border: none; }

.pages > ul { margin: 22px 0; text-align: center; }

.pages > ul li { display: inline-block; vertical-align: middle; }

.pages > ul li.disabled > a { color: #ccc; display: inline; }

.pages > ul li.prepage { margin: 0 30px 0 0; white-space: nowrap; }

.pages > ul li > a { display: inline-block; width: 38px; line-height: 38px; font-size: 14px; }

.pages > ul li > a i { font-size: 20px; line-height: 20px; vertical-align: middle; margin: -4px 6px 0 6px; display: inline-block; }

.pages > ul li:first-child > a { width: 70px; }

.pages > ul li:last-child > input { width: 48px; line-height: 38px; height: 38px; border: 1px solid #d7a561; text-align: center; background: none; }

.pages > ul li.active { background: #d7a561; }

.pages > ul li.active > a { color: #fff; }

.pages > ul > .nextpages > a { width: 70px; }

.page-bg { text-align: center; }

.page-bg .mall-page { display: inline-block; margin: 40px auto; }

.page-bg .mall-page > ul > li { float: left; }

.page-bg .mall-page > ul > li > a { display: inline-block; padding: 10px 15px; border: 1px solid #dedede; background: #f4f4f4; font-size: 10px; }

.page-bg .mall-page > ul > li > a.active { background: #e4b26a; color: #fff; }

.page-bg .mall-page > ul > li > a.jump { border: none; background: none; color: #aaa; }

.page-bg .mall-page > ul > li > a.next-page { color: #959595; margin: 0 5px; }

.page-bg .mall-page > ul > li > a.sure { padding: 5px 10px; color: #aaa; }

.page-bg .mall-page > ul > li > a > input { text-align: center; width: 30px; margin: 0 10px; }

.side-bar { position: fixed; bottom: 200px; right: 1%; width: 54px; z-index: 999999; }

.side-bar .user { display: inline-block; background: url(../img/userinfo-person.png) no-repeat #e4b06a center; width: 54px; height: 54px; border-radius: 50%; }

.side-bar .basket-empty { display: inline-block; background: url(../img/basket.png) no-repeat red center; border-radius: 50%; width: 54px; height: 54px; }

.side-bar .basket-empty.active > span { display: inline-block; width: 10px; height: 10px; background: red; float: right; margin: 2px 1px 0 0; border: 1px solid #fff; border-radius: 50%; }

.date-search { margin: 0 auto; width: 1200px; }

.date-search > .search-frame { margin: 30px 0 10px 0; background: #fff; padding: 20px 0 20px 30px; }

.date-search > .search-frame > form > input { height: 28px; line-height: 28px; text-align: center; vertical-align: middle; width: 20%; border: none; border: 1px solid #D7A651; font-size: 14px; }

.date-search > .search-frame > form > .btn-search { height: 32px; width: 10%; background: #D7A651; border-radius: 4px; font-size: 14px; color: #fff; margin: 0 0 0 20px; vertical-align: middle; }

.date-search > .search-frame > form > span { margin: 0 20px 0 0; color: #D7A651; font-size: 14px; }

.date-search > .search-frame > form > .end { margin: 0 20px 0 20px; }

#scrollUp { bottom: 145px; right: 1%; width: 54px; height: 54px; background: url(../img/top.png) no-repeat #aaaaaa center; border-radius: 50%; z-index: 99999!important;}

.filter { position: relative; font-size: 20px; line-height: 28px; height: 28px; margin: 0 0 10px 0; }

.filter .delete { color: #d6a663; margin: 0 0 0 20px; }

.filter .all { position: absolute; right: 0; display: inline-block; color: #d6a663; }

.filter .all > a { color: #d7a561; }

.filter .all:hover > ul { display: block; }

.filter .all > ul { display: none; color: #7c7c7c; width: 180px; position: absolute; background: #fff; left: -80px; border: 2px solid #eaeaea; z-index: 99999; text-align: center; }

.filter .all > ul > li { font-size: 16px; display: block; line-height: 40px; padding: 0 20px; border-bottom: 1px solid #eaeaea; text-align: center; }

.filter .all > ul > li > a { display: inline-block; color: #d7a561; line-height: 40px; }

.filter .all > ul li:hover { color: #d7a561; background: #e5e5e5; }

.filter .all > ul:last-child { border-bottom: none; }

.filter .all:after { display: inline-block; margin-left: 10px; margin-bottom: 2px; content: ""; width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-top: 9px solid #d6a663; }

.select-all-label { color: #d7a561; cursor: pointer; }

.select-all-label.pay { font-size: 20px; margin: 0 40px 0 0; }

.filter-label { position: absolute; left: -44px; top: 2px; }

input[type=checkbox] { display: none; }

input[type=checkbox] + label { border: 2px solid #f9bc66; width: 18px; height: 18px; line-height: 18px; border-radius: 50%; display: inline-block; }

input[type=checkbox] + label:before { display: inline-block; content: ""; width: 14px; height: 14px; margin: 2px; border-radius: 50%; }

input[type=checkbox]:checked + label:before { background: #f9bc66; }

.empty-tips { text-align: center; }

.empty-tips .tips-bg { display: block; background: url(../img/no-order.png) no-repeat center; height: 150px; text-align: center; margin: 100px 0 0; }

.empty-tips .tips { display: block; font-size: 20px; margin: 20px 0 0; }

.empty-tips .pay-action { display: inline-block; background: #d7a561; height: 40px; line-height: 40px; width: 100px; border-radius: 5px; margin: 20px 0 80px; color: #fff; font-size: 18px; }

.userinfo-arrow > b { display: inline-block; text-indent: -9999px; background: url(../img/userinfo-arrow.png) no-repeat; width: 38px; height: 20px; line-height: 20px; vertical-align: middle; margin: 10px 14px 0 14px; }

.web-shop-tips { min-height: 100px; line-height: 100px; text-align: center; background: #fff; font-size: 28px; color: red; margin: 0 0 10px; }

#nprogress { pointer-events: none; }

#nprogress .bar { background: #e4b06a; position: fixed; z-index: 1031; top: 0; left: 0; width: 100%; height: 2px; }

/* Fancy blur effect */
#nprogress .peg { display: block; position: absolute; right: 0px; width: 100px; height: 100%; box-shadow: 0 0 10px #e4b06a, 0 0 5px #e4b06a; opacity: 1.0; -webkit-transform: rotate(3deg) translate(0px, -4px); -ms-transform: rotate(3deg) translate(0px, -4px); transform: rotate(3deg) translate(0px, -4px); }

/* Remove these to get rid of the spinner */
#nprogress .spinner { display: block; position: fixed; z-index: 1031; top: 15px; right: 15px; }

#nprogress .spinner-icon { width: 18px; height: 18px; box-sizing: border-box; border: solid 2px transparent; border-top-color: #e4b06a; border-left-color: #e4b06a; border-radius: 50%; -webkit-animation: nprogress-spinner 400ms linear infinite; animation: nprogress-spinner 400ms linear infinite; }

.nprogress-custom-parent { overflow: hidden; position: relative; }

.nprogress-custom-parent #nprogress .spinner, .nprogress-custom-parent #nprogress .bar { position: absolute; }

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

@keyframes nprogress-spinner { 0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); } }

.home-banner .banner { width: 100%; }

.home-banner .banner .swiper-container .swiper-wrapper .swiper-slide img { width: 100%; }

.home-banner .banner .swiper-pagination { bottom: 5px !important; }

.home-banner .banner .swiper-pagination-bullet { width: 8px; height: 8px; opacity: 1; background: none; border: 1px solid #fff; margin: 0 2px !important; }

.home-banner .banner .swiper-pagination-bullet-active { background: #fff; }

.home-banner .home-action { background: #002137; padding: 10px 0; font-size: 14px; position: relative; }

.home-banner .home-action:after { content: ""; display: block; clear: both; }

.home-banner .home-action .action-content { width: 1200px; margin: 0 auto; min-height: 39px; color: #fff; position: relative; }

.home-banner .home-action .action-content:after { content: ""; display: block; clear: both; }

.home-banner .home-action .action-content .select-trip { position: absolute; top: 50%; left: 10px; transform: translateY(-50%); }

.home-banner .home-action .action-content .select-trip > p > label { font-size: 12px; }

.home-banner .home-action .action-content .ticket-select { margin: 0 0 0 110px; float: left; }

.home-banner .home-action .action-content .ticket-select.return { display: none; }

.home-banner .home-action .action-content .ticket-select + .ticket-select { padding: 5px 0 0; margin-top: 5px; position: relative; }

.home-banner .home-action .action-content .ticket-select + .ticket-select:before { content: ''; position: absolute; left: 0; right: 15px; top: 0; border-top: 1px dashed #d1d0d0; }

.home-banner .home-action .action-content .ticket-select > span { float: left; margin: 0 10px 0 0; }

.home-banner .home-action .action-content .ticket-select > span.trip { line-height: 39px; margin-right: 50px; }

.home-banner .home-action .action-content .ticket-select .port { width: 142px; height: 39px; display: inline-block; padding: 0 30px 0 0; background: #efefef; color: #7c7c7c; }

.home-banner .home-action .action-content .ticket-select .port > span { margin: 0 0 0 10px; color: #dbdbdb; }

.home-banner .home-action .action-content .ticket-select .port.site { width: 80px; margin: 0 20px 0 0; }

.home-banner .home-action .action-content .ticket-select .port.site .select { width: 110px; }

.home-banner .home-action .action-content .ticket-select .port.site .select .site-dd { width: 109px; }

.home-banner .home-action .action-content .ticket-select .port.site .select .site-dd > p { padding-left: 15px; }

.home-banner .home-action .action-content .ticket-select .port.site .select .test { padding-left: 15px; }

.home-banner .home-action .action-content .ticket-select .port.site .select .test:after { right: 10px; }

.home-banner .home-action .action-content .ticket-select .select { display: inline-block; width: 156px; position: relative; vertical-align: middle; }

.home-banner .home-action .action-content .ticket-select .select a { color: #7c7c7c; cursor: pointer; }

.home-banner .home-action .action-content .ticket-select .select dt { cursor: pointer; font-size: 12px; color: #7c7c7c; height: 39px; line-height: 39px; overflow: hidden; padding-left: 5px; }

.home-banner .home-action .action-content .ticket-select .select dt:after { position: absolute; content: ""; top: 50%; right: -10px; margin: -4px 0 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 7px solid #58656e; }

.home-banner .home-action .action-content .ticket-select .select dd { display: none; position: absolute; left: 0; top: 39px; z-index: 1; background: #fff; border: 1px solid #BCBBBC; width: 170px; max-height: 130px; overflow: auto; }

.home-banner .home-action .action-content .ticket-select .select dd p { line-height: 25px; cursor: pointer; padding-left: 2px; font-size: 12px; color: #7c7c7c; }

.home-banner .home-action .action-content .ticket-select .sail-date { line-height: 39px; display: inline-block; padding: 0 5px 0 0; background: #efefef; }

.home-banner .home-action .action-content .ticket-select .sail-date input { cursor: pointer; width: 120px; height: 32px; line-height: 32px; margin: 0 0 0 10px; color: #7c7c7c; font-size: 12px; border: none; background: #efefef; background: url(../img/date.png) no-repeat 100px center; }

.home-banner .home-action .action-content .ticket-select .sail-date input:disabled { color: #dbdbdb; }

.home-banner .home-action .action-content .person-select { position: absolute; top: 50%; right: 60px; transform: translateY(-50%); }

.home-banner .home-action .action-content .person-select > p { float: left; width: 150px; }

.home-banner .home-action .action-content .person-select > p .person { display: inline-block; width: 110px; font-size: 12px; text-align: center; vertical-align: middle; margin: 0 0 0 20px; }

.home-banner .home-action .action-content .person-select > p .person .person-type { display: inline-block; }

.home-banner .home-action .action-content .person-select > p .person .person-number { vertical-align: middle; }

.home-banner .home-action .action-content .person-select > p .person .person-number > a { display: inline-block; text-align: center; height: 14px; width: 14px; margin: 0 1px; }

.home-banner .home-action .action-content .person-select > p .person .person-number > a.add { background: url(../img/index-plus.png) no-repeat; }

.home-banner .home-action .action-content .person-select > p .person .person-number > a.lower { background: url(../img/index-mins.png) no-repeat; }

.home-banner .home-action .action-content .person-select > p .person .person-number > b { display: inline-block; width: 15px; font-size: 14px; margin: 0 2px; vertical-align: 2px; }

.home-banner .home-action .action-content .action > a { position: absolute; top: 50%; right: 0; transform: translateY(-50%); padding: 10px 20px; font-size: 14px; background: #d7a561; color: #fff; border-radius: 5px; }

.home-news { background: #f4f4f4; margin: 20px 0 0; padding: 0 0 46px; }

.home-news .nav { width: 812px; padding: 0 0 24px; }

.home-news .nav li { float: left; width: 50%; text-align: center; line-height: 78px; font-size: 18px; position: relative; }

.home-news .nav li a { display: block; background: #fff; color: #d7a561; }

.home-news .nav li:after { content: ""; display: inline-block; position: absolute; bottom: -24px; left: 75px; border-left: 14px solid transparent; border-right: 14px solid transparent; border-top: 24px solid transparent; }

.home-news .nav li.active a { background: #d7a561; color: #fff; }

.home-news .nav li.active:after { border-top: 24px solid #d7a561; }

.home-news .news { padding: 6px 0 0; }

.home-news .news .icon { width: 318px; height: 318px; background: url("../img/home-news-icon.png") no-repeat; border-bottom: 10px solid #e4b06a; }

.home-news .news .list { float: right; width: 870px; }

.home-news .news .list li { float: left; position: relative; width: 258px; height: 304px; background: #fff; margin: 0px 12px 0 0; padding: 11px; border: 1px solid #fff; }

.home-news .news .list li:hover { border: 1px solid #e4b06a; }

.home-news .news .list li:last-child { margin: 0; }

.home-news .news .list li img { width: 258px; height: 174px; }

.home-news .news .list li p { margin: 15px 0 0; padding: 0 15px; line-height: 22px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

.home-news .news .list li .date { position: absolute; left: 12px; bottom: 34px; padding: 0 15px; }

.home-news .news .list li .date .new { display: inline-block; width: 17px; height: 9px; margin: 0 0 0 10px; background: url("../img/new-icon.png"); }

.home-news .voyage { display: none; padding: 6px 0 0; }

.home-news .voyage .voyage-list { float: right; width: 340px; height: 326px; border: 1px solid #d5d7d9; border-radius: 5px; background: #fff; line-height: 47px; }

.home-news .voyage .voyage-list > .title h3 { padding: 0 0 0 10px; display: inline-block; color: #d7a561; font-size: 16px; line-height: 1.5; }

.home-news .voyage .voyage-list > .title > .select { float: right; display: inline-block; width: 75%; position: relative; margin: 10px 0 0 0; text-align: center; }

.home-news .voyage .voyage-list > .title > .select a { color: #dca857; cursor: pointer; }

.home-news .voyage .voyage-list > .title > .select dt { font-size: 12px; color: #7c7c7c; padding: 0 20px 0 0px; height: 34px; line-height: 34px; overflow: hidden; }

.home-news .voyage .voyage-list > .title > .select dt:after { position: absolute; content: ""; top: 50%; right: 8px; margin: -4px 0 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 8px solid #58656e; }

.home-news .voyage .voyage-list > .title > .select dd { display: none; position: absolute; right: -1px; top: 34px; z-index: 1; background: #fff; border: 1px solid #BCBBBC; width: 110%; max-height: 130px; overflow: auto; white-space: nowrap; }

.home-news .voyage .voyage-list > .title > .select dd p { line-height: 25px; cursor: pointer; padding-left: 10px; font-size: 12px; color: #7c7c7c; }

.home-news .voyage .voyage-list h3.port { background: #e5e5e5; color: #7c7c7c; text-align: center; }

.home-news .voyage .voyage-list ul { max-height: 143px; overflow: auto; }

.home-news .voyage .voyage-list ul li { float: left; margin: 10px 30px; line-height: 1.5; }

.home-news .voyage .voyage-list ul li a { font-size: 14px; }

.home-news .voyage .voyage-list ul li a:hover { color: #d7a561; }

.home-news .voyage .voyage-list ul li a:before { content: ""; color: #dca857; display: inline-block; width: 10px; height: 10px; vertical-align: middle; }

.home-news .voyage .voyage-list ul li > a.trian:before { content: ""; display: inline-block; width: 0px; height: 0px; vertical-align: middle; margin: 0 0 5px 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 10px solid #dca857; margin: 0  3px 2px  0; }

.home-news .voyage .voyage-list ul li > a.star:before { content: "*"; color: #dca857; display: inline-block; width: 10px; height: 10px; vertical-align: middle; margin: 0 0 5px 0; }

.home-news .voyage .voyage-list ul li > a.square:before { content: ""; color: #dca857; display: inline-block; width: 0px; height: 0px; vertical-align: middle; border: 4px solid #dca857; }

.home-news .voyage .voyage-list .tips { line-height: 14px; }

.home-news .voyage .voyage-list .tips span { margin: 8px 0 0 0; float: left; font-size: 14px; }

.home-news .voyage .voyage-list .tips > span.triangle:before { content: ""; display: inline-block; width: 0px; height: 0px; vertical-align: middle; margin: 0 0 5px 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 10px solid #dca857; margin: 0  3px 2px  10px; }

.home-news .voyage .voyage-list .tips > span.square:before { content: ""; color: #dca857; display: inline-block; width: 0px; height: 0px; vertical-align: middle; border: 4px solid #dca857; margin: 0 0 0 10px; }

.home-news .voyage .voyage-list .tips > span.star:before { content: "*"; color: #dca857; display: inline-block; width: 10px; height: 10px; vertical-align: middle; margin: 0 0 5px 10px; }

.home-news .voyage .voyage-info { width: 812px; border-radius: 5px; }

.home-news .voyage .voyage-info .nav { width: 775px; line-height: 48px; background: #58656e; padding: 0 14px 0 24px; border-top-left-radius: 5px; border-top-right-radius: 5px; }

.home-news .voyage .voyage-info .nav .title { margin: 0 0 0 120px; text-align: center; color: #fff; }

.home-news .voyage .voyage-info .nav .title span { font-size: 16px; }

.home-news .voyage .voyage-info .nav .title h3 { display: inline-block; font-size: 24px; }

.home-news .voyage .voyage-info .nav .title a { font-size: 16px; color: #a6a7a4; float: right; }

.home-news .voyage .voyage-info .nav .title a:after { content: ""; display: inline-block; width: 20px; height: 20px; vertical-align: middle; background: url(../img/double-arrow.png) no-repeat center; }

.home-news .voyage .voyage-info .nav .used-time { float: left; font-size: 14px; color: #d7a561; }

.home-news .voyage .voyage-info .trip { padding: 22px 0 8px 0; background: #fff; }

.home-news .voyage .voyage-info .trip:after { content: ""; display: block; clear: both; }

.home-news .voyage .voyage-info .trip .ticket-announce { float: left; border-right: 1px dashed #ededed; width: 48%; }

.home-news .voyage .voyage-info .trip .ticket-announce .item { line-height: 34px; font-size: 16px; color: #d5ab60; text-align: center; }

.home-news .voyage .voyage-info .trip .ticket-announce .item > .flag { text-align: center; color: #896840; background: url(../img/flag-label.png) no-repeat center; background-size: contain; width: 60px; height: 34px; display: inline-block; }

.home-news .voyage .voyage-info .trip .ticket-announce .item > .start, .home-news .voyage .voyage-info .trip .ticket-announce .item > .arrive { display: inline-block; padding: 0 10px; }

.home-news .voyage .voyage-info .trip .ticket-announce .item > .arrow { display: inline-block; background: url(../img/small-arrow.png) center no-repeat; width: 36px; height: 14px; }

.home-news .voyage .voyage-info .trip .ticket-announce .seat-type { margin: 8px 60px; font-size: 14px; line-height: 20px; }

.home-news .voyage .voyage-info .trip .ticket-announce .seat-type > span { text-align: center; display: inline-block; width: 50%; }

.home-news .voyage .voyage-info .trip .ticket-announce .age { margin: 8px 60px; line-height: 20px; }

.home-news .voyage .voyage-info .trip .ticket-announce .age > span { text-align: center; display: inline-block; width: 50%; }

.home-news .voyage .voyage-info .trip .ticket-announce .seat { margin: 8px auto; line-height: 36px; font-size: 0; -webkit-text-size-adjust: none; padding: 0 43px 0 38px; }

.home-news .voyage .voyage-info .trip .ticket-announce .seat:after { content: ""; clear: both; display: block; }

.home-news .voyage .voyage-info .trip .ticket-announce .seat span { font-size: 14px; background: #eaeaea; float: left; width: 36%; padding: 0 1%; text-align: center; }

.home-news .voyage .voyage-info .trip .ticket-announce .seat span:first-child { width: 12%; background: none; text-align: left; }

.home-news .voyage .voyage-info .trip .main-land { margin: 0 0 0 -1px; border-right: none; }

.order-ticket { height: 876px; background: url(../img/banner.jpg) #d7a561 no-repeat center; }

.order-ticket:after { content: ""; display: block; clear: both; }

.order-ticket .content { width: 1200px; padding: 105px 0 0 0; }

.order-ticket .content > .ticket { width: 850px; padding: 40px 40px 48px; background: #fff; border-bottom: 6px solid #d7a561; border-top-left-radius: 5px; border-top-right-radius: 5px; }

.order-ticket .content > .ticket h3 { font-size: 30px; text-align: center; color: #d7a561; line-height: 1.5; }

.order-ticket .content > .ticket .trip-type { margin: 0 0 22px 0; font-size: 14px; }

.order-ticket .content > .ticket .trip-type span { line-height: 16px; font-size: 14px; margin: 0 28px 0 0; }

.order-ticket .content > .ticket .trip-type span input[type=radio] { display: none; }

.order-ticket .content > .ticket .trip-type span input[type=radio] + label { cursor: pointer; color: #c9c9c9; }

.order-ticket .content > .ticket .trip-type span input[type=radio] + label b { cursor: pointer; display: inline-block; width: 12px; height: 12px; border: 2px solid #c9c9c9; vertical-align: middle; margin: 0 8px 0 0; text-align: center; }

.order-ticket .content > .ticket .trip-type span input[type=radio] + label b:before { content: ""; display: inline-block; float: left; width: 8px; height: 8px; margin: 2px 0 0 2px; }

.order-ticket .content > .ticket .trip-type span input[type=radio]:checked + label { color: #58656e; }

.order-ticket .content > .ticket .trip-type span input[type=radio]:checked + label b { border: 2px solid #58656e; }

.order-ticket .content > .ticket .trip-type span input[type=radio]:checked + label b:before { background: #58656e; }

.order-ticket .content > .ticket .ports:after { content: ""; display: block; clear: both; }

.order-ticket .content > .ticket .ports.return { display: none; }

.order-ticket .content > .ticket .ports .start-port { float: left; height: 48px; line-height: 48px; width: 350px; display: inline-block; padding: 0 15px 0 17px; background: #efefef; color: #7c7c7c; font-size: 14px; }

.order-ticket .content > .ticket .ports .start-port > span { display: inline-block; color: #7c7c7c; font-size: 14px; width: 110px; }

.order-ticket .content > .ticket .ports .start-port.site { width: 100px; }

.order-ticket .content > .ticket .ports .start-port.site .select { width: 100px; }

.order-ticket .content > .ticket .ports .start-port.site .select > dd { width: 110px; }

.order-ticket .content > .ticket .ports .select { display: inline-block; width: 230px; position: relative; vertical-align: middle; }

.order-ticket .content > .ticket .ports .select a { color: #7c7c7c; cursor: pointer; }

.order-ticket .content > .ticket .ports .select dt { cursor: pointer; font-size: 14px; color: #7c7c7c; padding: 0 0 0 16px; height: 28px; line-height: 28px; overflow: hidden; }

.order-ticket .content > .ticket .ports .select dt:after { position: absolute; content: ""; top: 50%; right: -10px; margin: -4px 0 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 8px solid #58656e; }

.order-ticket .content > .ticket .ports .select dd { position: absolute; left: 0px; top: 28px; z-index: 1; background: #fff; border: 1px solid #BCBBBC; width: 250px; max-height: 130px; overflow: auto; }

.order-ticket .content > .ticket .ports .select dd p { line-height: 25px; cursor: pointer; padding-left: 10px; font-size: 14px; color: #7c7c7c; }

.order-ticket .content > .ticket .ports .center-reflesh { height: 50px; width: 50px; background: url(../img/reflesh.png) no-repeat center; background-color: #58656e; border-radius: 25px; vertical-align: middle; text-align: center; display: inline-block; margin-left: 17px; }

.order-ticket .content > .ticket .ports .arrive-port { float: right; height: 48px; line-height: 48px; width: 350px; display: inline-block; padding: 0 15px 0 17px; background: #efefef; color: #7c7c7c; font-size: 14px; }

.order-ticket .content > .ticket .ports .arrive-port > span { display: inline-block; color: #7c7c7c; font-size: 14px; width: 110px; }

.order-ticket .content > .ticket .site-date:after { content: ""; display: block; clear: both; }

.order-ticket .content > .ticket .site-date.back-sitdate { display: none; }

.order-ticket .content > .ticket .site-date .sail-date { float: left; margin: 13px 0 10px 0; width: 360px; height: 48px; line-height: 48px; display: inline-block; padding: 0 5px 0 17px; background: #efefef; color: #7c7c7c; font-size: 14px; }

.order-ticket .content > .ticket .site-date .sail-date > span { display: inline-block; color: #7c7c7c; font-size: 14px; width: 110px; }

.order-ticket .content > .ticket .site-date .sail-date input { float: right; cursor: pointer; width: 230px; height: 42px; line-height: 42px; margin: 0 0 0 10px; color: #7c7c7c; font-size: 14px; border: none; background: #efefef; background: url(../img/date.png) no-repeat 210px center; }

.order-ticket .content > .ticket .site-date .sail-date input:disabled { color: #dbdbdb; }

.order-ticket .content > .ticket .site-date .port { float: right; }

.order-ticket .content > .ticket .border { height: 2px; background-color: #dadada; }

.order-ticket .content > .ticket .sail-company { position: relative; background: #efefef; margin: 10px 0 12px 0; }

.order-ticket .content > .ticket .sail-company .select { display: inline-block; width: 400px; position: relative; vertical-align: middle; }

.order-ticket .content > .ticket .sail-company .select a { color: #7c7c7c; cursor: pointer; }

.order-ticket .content > .ticket .sail-company .select dt { cursor: pointer; font-size: 16px; color: #7c7c7c; padding: 0 24px 0 8px; height: 28px; line-height: 28px; overflow: hidden; }

.order-ticket .content > .ticket .sail-company .select dt:after { position: absolute; content: ""; top: 50%; right: -110px; margin: -4px 0 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 8px solid #58656e; }

.order-ticket .content > .ticket .sail-company .select dd { position: absolute; left: 0px; top: 28px; z-index: 1; background: #fff; border: 1px solid #BCBBBC; width: 375px; max-height: 130px; overflow: auto; }

.order-ticket .content > .ticket .sail-company .select dd p { cursor: pointer; padding-left: 10px; font-size: 14px; color: #7c7c7c; }

.order-ticket .content > .ticket .sail-company span { display: inline-block; font-size: 14px; padding: 15px 24px 17px 15px; }

.order-ticket .content > .ticket .fly { margin-top: 0; }

.order-ticket .content > .ticket span.time { font-size: 14px; line-height: 24px; color: #7c7c7c; }

.order-ticket .content > .ticket span.time { margin: 5px 15px; }

.order-ticket .content > .ticket span.time-detail { display: inline-block; }

.order-ticket .content > .ticket span.time-detail .select { position: relative; top: 14px; display: inline-block; height: 48px; padding: 0 0 0 15px; line-height: 48px; font-size: 14px; border: 0; background: #efefef; width: 90px; }

.order-ticket .content > .ticket span.time-detail .select dt { cursor: pointer; width: 50%; background: #efefef; font-size: 14px; color: #7c7c7c; padding: 0 24px 0 13px; line-height: 48px; overflow: hidden; }

.order-ticket .content > .ticket span.time-detail .select dt:after { position: absolute; content: ""; top: 50%; right: 10px; margin: -4px 0 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 8px solid #58656e; }

.order-ticket .content > .ticket span.time-detail .select dd { display: none; position: absolute; left: 0px; top: 48px; z-index: 1; background: #fff; border: 1px solid #BCBBBC; max-height: 130px; overflow: auto; }

.order-ticket .content > .ticket span.time-detail .select dd p { line-height: 28px; cursor: pointer; padding-left: 10px; font-size: 12px; color: #7c7c7c; }

.order-ticket .content > .ticket span.time-detail span.char { display: inline-block; padding: 0 10px; }

.order-ticket .content > .ticket .other-sel { content: ""; display: block; clear: both; }

.order-ticket .content > .ticket .port .select { position: relative; top: 16px; display: inline-block; height: 48px; padding: 0 0 0 15px; line-height: 48px; font-size: 14px; border: 0; background: #efefef; }

.order-ticket .content > .ticket .port .select dt { cursor: pointer; background: #efefef; font-size: 14px; color: #7c7c7c; padding: 0 24px 0 13px; line-height: 48px; overflow: hidden; width: 100px; }

.order-ticket .content > .ticket .port .select dt:after { position: absolute; content: ""; top: 50%; right: 10px; margin: -4px 0 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 8px solid #58656e; }

.order-ticket .content > .ticket .port .select dd.seat { display: none; position: absolute; left: 0px; top: 48px; z-index: 1; background: #fff; border: 1px solid #BCBBBC; width: 100%; max-height: 130px; overflow: auto; }

.order-ticket .content > .ticket .port .select dd.seat p { line-height: 28px; cursor: pointer; padding-left: 10px; font-size: 12px; color: #7c7c7c; }

.order-ticket .content > .ticket .port > span { margin: 0 0 0 10px; color: #dbdbdb; }

.order-ticket .content > .ticket .person-select { display: inline-block; line-height: 48px; margin: 15px 155px 0 0; }

.order-ticket .content > .ticket .person-select .person { display: inline-block; background: #efefef; vertical-align: middle; text-align: center; font-size: 14px; padding: 0 10px; }

.order-ticket .content > .ticket .person-select .person .person-number { float: right; vertical-align: middle; margin: 0 0 0 5px; }

.order-ticket .content > .ticket .person-select .person .person-number > a { display: inline-block; text-align: center; height: 13px; width: 13px; border-radius: 50%; vertical-align: -2px; }

.order-ticket .content > .ticket .person-select .person .person-number > a.add { background: #d7a561 url(../img/index-plus.png) no-repeat center; background-size: 13px; margin: 0 0 2px 0; }

.order-ticket .content > .ticket .person-select .person .person-number > a.lower { background: #d7a561 url(../img/index-mins.png) no-repeat center; background-size: 13px; margin: 0 0 2px 0; }

.order-ticket .content > .ticket .person-select .person .person-number > b { width: 12px; }

.order-ticket .content > .ticket .search { margin: 43px 0 0; text-align: center; }

.order-ticket .content > .ticket .search a { display: inline-block; font-size: 21px; line-height: 46px; color: #fff; width: 187px; background: #e4b06a; }

.top-img { height: 354px; background: url(../img/search-banner.png) #d7a561 no-repeat center; }

.top-img:after { content: ""; display: block; clear: both; }

.set-bgcolor { background: #f4f4f4; }

.search-content { margin: 86px auto 0; width: 1200px; padding: 0 0 140px 0; }

.search-content .icon-tips { background: #fff; width: 1200px; margin: 10px auto 0; text-align: center; padding: 10px 0; }

.search-content .icon-tips > div { display: inline-block; margin: 0 20px; }

.search-content .icon-tips > div:nth-child(1) b { background: #d7a561; }

.search-content .icon-tips > div b { display: inline-block; color: #fff; font-size: 10px; font-weight: normal; text-align: center; background: #58656e; width: 20px; height: 20px; line-height: 20px; border-radius: 50%; vertical-align: middle; margin: 0 5px; }

.search-content .icon-tips > div > span { font-size: 16px; vertical-align: middle; }

.search-content .add-color { background: #fff; }

.search-content .date-week { width: 1200px; margin: 0 auto; background: #fff; }

.search-content .date-week ul { padding: 38px 0 0 170px; }

.search-content .date-week ul li { line-height: 45px; display: inline-table; margin: 0 10px 0 0; text-align: center; color: #7c7c7c; position: relative; width: 112px; height: 45px; }

.search-content .date-week ul li.active a { top: -18px; line-height: 63px; font-size: 14px; font-weight: bold; color: #e4b06a; }

.search-content .date-week ul li a { position: absolute; display: inline-block; border: 1px solid #e5e5e5; border-bottom: none; top: 0; left: 0; right: 0; }

.search-content .sail-time { background: #fff; height: 100px; line-height: 100px; border: 1px solid #e5e5e5; }

.search-content .sail-time > span { padding: 0 0 0 10px; font-size: 17px; color: #7c7c7c; }

.search-content .sail-time > span:first-child { padding-left: 50px; }

.search-content .sail-time input[type=radio] { display: none; }

.search-content .sail-time input[type=radio] + label { cursor: pointer; font-size: 17px; color: #7c7c7c; }

.search-content .sail-time input[type=radio] + label b { margin: 0 10px 0 70px; border: 2px solid #ebebeb; width: 18px; height: 18px; line-height: 18px; border-radius: 50%; display: inline-block; }

.search-content .sail-time input[type=radio] + label b:before { display: inline-block; content: ""; width: 14px; height: 14px; margin: 2px; border-radius: 50%; }

.search-content .sail-time input[type=radio]:checked + label b:before { background: #f9bc66; }

.search-content .start-selected { background: #fff; margin-top: 10px; text-align: center; font-size: 17px; border: 1px solid #e5e5e5; color: #fff; background-color: #e4b06a; height: 46px; line-height: 46px; }

.search-content .start-detail { background: #fff; height: 101px; line-height: 101px; border: 1px solid #e5e5e5; }

.search-content .start-detail .begin { padding: 0 0 0 30px; }

.search-content .start-detail .item { color: #7c7c7c; font-size: 16px; }

.search-content .start-detail .detail { padding: 0 30px 0 0; color: #d9b586; font-size: 16px; }

.search-content .start-detail .reselect { display: inline-block; text-align: center; line-height: 40px; padding: 0 20px; border: 1px solid #e5e5e5; font-size: 16px; color: #fff; background: #e4b065; border-radius: 3px; }

.search-content .start-detail .confirm_s { margin: 0 0 0 30px; }

.search-content .start-detail .confirm_s > a { text-align: center; display: inline-block; line-height: 40px; font-size: 16px; color: #fff; background: #e4b065; width: 150px; }

.search-content .column { background: #fff; line-height: 61px; font-size: 17px; margin: 7px 0 0 0; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }

.search-content .column:after { content: ""; display: block; clear: both; }

.search-content .column > span { text-align: center; display: inline-block; color: #d9b586; float: left; }

.search-content .column > .start-time { width: 15%; }

.search-content .column > .start { width: 40%; }

.search-content .column > .sail-status { width: 15%; }

.search-content .column > .low { width: 15%; }

.search-content .column > .ticket-book { width: 15%; }

.search-content .loading-tips { display: none; background: #fff; height: 500px; text-align: center; vertical-align: middle; }

.search-content .loading-tips > img { margin: 120px 0 20px 0; }

.search-content .loading-tips .result-img { height: 180px; width: 180px; }

.search-content .loading-tips .text-tip { font-size: 18px; }

.search-content .result-tips { display: none; background: #fff; height: 500px; text-align: center; vertical-align: middle; }

.search-content .result-tips .result-img { margin: 120px 0 20px 0; height: 180px; width: 180px; }

.search-content .result-tips .text-tip { font-size: 18px; }

.search-content:after { content: ""; display: block; clear: both; }

.search-content .tickets { background: #fff; margin: 0 0 5px; }

.search-content .tickets:after { content: ""; display: block; clear: both; }

.search-content .tickets > div { float: left; text-align: center; font-size: 14px; }

.search-content .tickets > div:nth-child(1) { width: 15%; padding: 25px 0; }

.search-content .tickets .trip { float: left; width: 40%; text-align: center; font-size: 14px; margin: 20px 0 0; }

.search-content .tickets .trip .start-port { float: left; width: 40%; }

.search-content .tickets .trip .start-port b { display: inline-block; color: #fff; text-align: center; background: #d7a561; font-size: 10px; font-weight: normal; width: 20px; height: 20px; line-height: 20px; border-radius: 50%; vertical-align: middle; margin: 0 10px 0 0; }

.search-content .tickets .trip .time { float: left; width: 80px; font-size: 14px; color: #dfb989; margin: -13px auto 0; position: relative; padding: 1px; }

.search-content .tickets .trip .time:before { content: ""; position: absolute; top: 20px; left: 0; margin: 0; background: url(../img/arrow.png) no-repeat; background-size: contain; width: 90px; height: 20px; vertical-align: middle; }

.search-content .tickets .trip .arrive-port { float: right; width: 40%; }

.search-content .tickets .trip .arrive-port b { display: inline-block; color: #fff; font-size: 10px; font-weight: normal; text-align: center; background: #58656e; width: 20px; height: 20px; line-height: 20px; border-radius: 50%; vertical-align: middle; margin: 0 10px 0 0; }

.search-content .tickets .type { width: 15%; padding: 25px 0; }

.search-content .tickets .type.disable { color: #d0d0d0; }

.search-content .tickets .low { width: 15%; padding: 25px 0; }

.search-content .tickets .buy { float: left; width: 15%; text-align: center; }

.search-content .tickets .buy > a.disable { background: #d0d0d0; }

.search-content .tickets .buy > a { display: inline-block; background: #d7a561; padding: 10px 20px; color: #fff; font-size: 14px; margin: 15px 0 0; border-radius: 5px; }

.to-fixed-search { position: fixed; top: 400px; right: 0px; left: 0; width: 1200px; margin: 0 auto; }

.to-fixed-search > .side-bar { position: absolute; right: -65px; width: 65px; text-align: center; }

.to-fixed-search > .side-bar > .user { display: inline-block; background: url(../img/userinfo-person.png) no-repeat #e4b06a center; width: 54px; height: 54px; border-radius: 50%; }

.to-fixed-search > .side-bar > .basket { display: inline-block; background: url(../img/userinfo-cart.png) no-repeat center; width: 54px; height: 54px; }

.to-fixed-search > .side-bar > .to-top { margin: 18px 0 0 0; display: inline-block; background: url(../img/up-arrow.png) no-repeat #aaaaaa center; width: 64px; height: 64px; }

.announcement-content { background: #f4f4f4; }

.announcement-content > .announcement-banner { height: 435px; background: url(../img/announcement-banner.jpg) no-repeat center #d7a561; margin: 0 0 30px 0; }

.announcement-content > .announcement-text { width: 1200px; margin: 0 auto; }

.announcement-content > .announcement-text > span { display: inline-block; margin: 0 0 30px 0; }

.announcement-content > .announcement-text > span > a { font-size: 15px; color: #7C7C7C; }

.announcement-content > .announcement-text > span > .active { color: #D7A561; }

.announcement-content > .announcement-text > .announcement-info { padding: 0 20px 20px 20px; background: #fff; }

.announcement-content > .announcement-text > .announcement-info:after { display: block; content: ""; clear: both; }

.announcement-content > .announcement-text > .announcement-info > .announcement-info-main { width: 806px; float: left; }

.announcement-content > .announcement-text > .announcement-info > .announcement-info-main > .title { color: #d7a561; border-bottom: 3px solid #D7A561; padding: 20px 16px 20px 22px; }

.announcement-content > .announcement-text > .announcement-info > .announcement-info-main > .title:after { display: block; content: ""; clear: both; }

.announcement-content > .announcement-text > .announcement-info > .announcement-info-main > .title > h3 { line-height: 38px; display: inline-block; font-size: 28px; }

.announcement-content > .announcement-text > .announcement-info > .announcement-info-main > .title > span { float: right; font-size: 18px; line-height: 28px; margin: 10px 0 0; }

.announcement-content > .announcement-text > .announcement-info > .announcement-info-main > .info-content > .announcementListFrame { display: block; width: 100%; line-height: 60px; height: 60px; }

.announcement-content > .announcement-text > .announcement-info > .announcement-info-main > .info-content > .announcementListFrame:hover { background: #f4f4f4; }

.announcement-content > .announcement-text > .announcement-info > .announcement-info-main > .info-content > .announcementListFrame:after { display: block; content: ""; clear: both; }

.announcement-content > .announcement-text > .announcement-info > .announcement-info-main > .info-content > .announcementListFrame .info-port { float: right; margin: 0 40px 0 0; width: 120px; text-align: center; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }

.announcement-content > .announcement-text > .announcement-info > .announcement-info-main > .info-content > .announcementListFrame .anno { float: right; margin: 0 10px 0 0; width: 120px; text-align: center; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }

.announcement-content > .announcement-text > .announcement-info > .announcement-info-main > .info-content > .announcementListFrame > .announcementList:hover > span { color: #d7a561; }

.announcement-content > .announcement-text > .announcement-info > .announcement-info-main > .info-content > .announcementListFrame > .announcementList { display: block; content: ""; clear: both; height: 60px; }

.announcement-content > .announcement-text > .announcement-info > .announcement-info-main > .info-content > .announcementListFrame > .announcementList > span { display: inline-block; color: #7C7C7C; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.announcement-content > .announcement-text > .announcement-info > .announcement-info-main > .info-content > .announcementListFrame > .announcementList > span:first-child { width: 120px; font-size: 14px; text-align: left; margin: 0 0 0 20px; float: left; }

.announcement-content > .announcement-text > .announcement-info > .announcement-info-main > .info-content > .announcementListFrame > .announcementList > span.flights { width: 80%; padding: 0 10px; }

.announcement-content > .announcement-text > .announcement-info > .announcement-info-main > .info-content > .announcementListFrame > span { display: inline-block; color: #7C7C7C; font-size: 14px; }

.announcement-content > .announcement-text > .announcement-info > .announcement-info-main > .info-content > .announcementListFrame > span:first-child { width: 120px; font-size: 18px; text-align: right; margin: 0 14px 0 0; }

.announcement-content > .announcement-text > .announcement-info:after { content: ""; display: block; clear: both; }

.announcement-content > .announcement-text > .announcement-info > .announcement-right-bar { float: right; }

.announcement-content > .announcement-text > .announcement-info > .announcement-right-bar > .rightbar-wai { padding: 20px 0 0 0; }

.announcement-content > .announcement-text > .announcement-info > .announcement-right-bar > .rightbar-wai > .source-port { width: 100%; }

.announcement-content > .announcement-text > .announcement-info > .announcement-right-bar > .rightbar-wai > .source-port > .s-port { line-height: 38px; background: #58656E; }

.announcement-content > .announcement-text > .announcement-info > .announcement-right-bar > .rightbar-wai > .source-port > .s-port > span { display: inline-block; margin: 0 0 0 10px; color: #fff; font-size: 14px; }

.announcement-content > .announcement-text > .announcement-info > .announcement-right-bar > .rightbar-wai > .source-port > .s-port > span:after { display: inline-block; content: ""; width: 0; height: 0; vertical-align: middle; margin: 0 0 0 10px; border-top: 8px solid #fff; border-right: 8px solid transparent; border-left: 8px solid transparent; }

.announcement-content > .announcement-text > .announcement-info > .announcement-right-bar > .rightbar-wai > .source-port > ul { display: block; width: 312px; border: 1px solid #eaeaea; margin: 0 0 10px 0; }

.announcement-content > .announcement-text > .announcement-info > .announcement-right-bar > .rightbar-wai > .source-port > ul.ul-wai { padding: 0 10px 0 10px; }

.announcement-content > .announcement-text > .announcement-info > .announcement-right-bar > .rightbar-wai > .source-port > ul.ul-wai:after { content: ""; display: block; clear: both; }

.announcement-content > .announcement-text > .announcement-info > .announcement-right-bar > .rightbar-wai > .source-port > ul.ul-wai li { float: left; width: 50%; line-height: 50px; }

.announcement-content > .announcement-text > .announcement-info > .announcement-right-bar > .rightbar-wai > .source-port > ul.ul-wai li > a { font-size: 14px; display: block; margin: 0 5%; height: 50px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #7c7c7c; }

.announcement-content > .announcement-text > .announcement-info > .announcement-right-bar > .rightbar-wai > .source-port > ul.ul-wai li > a.active { color: #e4b06a; }

.announcement-content > .announcement-text > .announcement-info > .announcement-right-bar > .rightbar-wai > .source-port > ul.ul-wai li a:hover { color: #e4b06a; }

.announcement-content > .announcement-text > .announcement-info > .announcement-right-bar > .rightbar-wai > .source-port > :nth-child(4) { border-bottom: 1px solid #eaeaea; border-left: 1px solid #eaeaea; border-right: 1px solid #eaeaea; }

.announcement-content > .announcement-text > .blank { height: 108px; }

.announcement-content > .announcement-text > .pages > ul { margin: 22px 0; text-align: center; }

.announcement-content > .announcement-text > .pages > ul li { display: inline-block; }

.announcement-content > .announcement-text > .pages > ul li > a { display: inline-block; width: 38px; line-height: 38px; font-size: 14px; }

.announcement-content > .announcement-text > .pages > ul li > a i { color: #cccbcc; font-size: 20px; vertical-align: middle; margin: -4px 6px 0 6px; display: inline-block; }

.announcement-content > .announcement-text > .pages > ul li:first-child > a { width: 70px; }

.announcement-content > .announcement-text > .pages > ul li:last-child > input { width: 48px; height: 38px; line-height: 38px; border: 1px solid #d7a561; text-align: center; background: none; }

.announcement-content > .announcement-text > .pages > ul li.active { background: #d7a561; }

.announcement-content > .announcement-text > .pages > ul li.active > a { color: #fff; }

.announcement-content > .announcement-text > .pages > ul > :nth-child(8) > a { width: 70px; }

.announcement-content > .announcement-text > .blank-bottom { height: 50px; }

.announcement-content > .announcement-text > .more-info { padding: 0 14px 0 20px; }

.announcement-content > .announcement-text > .more-info > .title { color: #d7a561; padding: 20px 0 20px 0; }

.announcement-content > .announcement-text > .more-info > .title > h3 { line-height: 38px; display: inline-block; font-size: 28px; }

.announcement-content > .announcement-text > .more-info > .title > a { float: right; font-size: 14px; line-height: 28px; margin: 10px 0 0; color: #aeaeae; }

.announcement-content > .announcement-text > .more-info > .moreinfo-wai { padding: 0 6px 0 0; background: #D7A561; margin: 0 0 10px 0; }

.announcement-content > .announcement-text > .more-info > .moreinfo-wai:hover { background: #e6c291; }

.announcement-content > .announcement-text > .more-info > .moreinfo-wai:hover .moreinfo-text .character { color: #a4a4a4; }

.announcement-content > .announcement-text > .more-info > .moreinfo-wai > .moreinfo-text { background: #fff; position: relative; }

.announcement-content > .announcement-text > .more-info > .moreinfo-wai > .moreinfo-text > a:after { display: block; content: ""; clear: both; }

.announcement-content > .announcement-text > .more-info > .moreinfo-wai > .moreinfo-text > a > img { margin: 6px; width: 214px; height: 108px; float: left; }

.announcement-content > .announcement-text > .more-info > .moreinfo-wai > .moreinfo-text > a > .character { margin: 0 0 0 240px; padding: 10px 20px 0 0; color: #7c7c7c; }

.announcement-content > .announcement-text > .more-info > .moreinfo-wai > .moreinfo-text > a > .character > p { line-height: 22px; }

.announcement-content > .announcement-text > .more-info > .moreinfo-wai > .moreinfo-text > a > .character > .date { display: inline-block; color: #C4C4C4; position: absolute; left: 240px; bottom: 15px; }

.top-img { height: 435px; background: url(../img/ship-banner.jpg) #d7a561 no-repeat center; }

.top-img:after { content: ""; display: block; clear: both; }

> .main-content { margin: 86px auto 0; width: 1200px; background: #fff; border: 1px solid #ededed; }

> .main-content .search-bar { border-top: 1px solid #ededed; border-left: 1px solid #ededed; border-right: 1px solid #ededed; }

> .main-content .search-bar .item { line-height: 100px; height: 100px; padding: 0 24px; }

> .main-content .search-bar .item:after { display: block; content: ""; clear: both; }

> .main-content .search-bar .item > span:first-child { float: left; color: #d7a561; font-size: 30px; }

> .main-content .search-bar .item .trip-type { float: left; line-height: 25px; margin: 0 0 22px; display: inline-block; }

> .main-content .search-bar .item .trip-type .single { display: block; margin: 24px 40px 11px 41px; }

> .main-content .search-bar .item .trip-type .single input[type=radio] { display: none; padding: 0; margin: 0; }

> .main-content .search-bar .item .trip-type .single input[type=radio] + label { display: inline-block; border: 4px solid #c9c9c9; text-align: center; width: 16px; height: 16px; line-height: 16px; }

> .main-content .search-bar .item .trip-type .single input[type=radio] + label:before { content: ""; display: inline-block; width: 8px; height: 8px; vertical-align: middle; }

> .main-content .search-bar .item .trip-type .single input[type=radio] + label + span { color: #c9c9c9; }

> .main-content .search-bar .item .trip-type .single span { padding-left: 10px; }

> .main-content .search-bar .item .trip-type .single input[type=radio]:checked + label { border: 4px solid #58656e; }

> .main-content .search-bar .item .trip-type .single input[type=radio]:checked + label:before { background: #58656e; }

> .main-content .search-bar .item .trip-type .single input[type=radio]:checked + label + span { color: #58656e; }

> .main-content .search-bar .item .trip-type .round { margin-top: 0; }

> .main-content .search-bar .item > .double-result { float: left; }

> .main-content .search-bar .item > .double-result > .double-date { float: left; position: relative; padding: 0 0 0 30px; }

> .main-content .search-bar .item > .double-result > .double-date > .double-go-for-date { font-size: 16px; margin: 0 0 -30px 0; color: #7c7c7c; font-weight: bolder; }

> .main-content .search-bar .item > .double-result > .double-date > .double-go-for-date:after { content: ""; background: url(../img/date.png) no-repeat center; display: inline-block; width: 18px; height: 22px; vertical-align: middle; margin: 0 0 0 -30px; }

> .main-content .search-bar .item > .double-result > .double-date > .double-go-for-date > input { border: none; width: 127px; padding: 0 0px 0 10px; line-height: 48px; height: 48px; background: #efefef; margin: 0 0 0 10px; }

> .main-content .search-bar .item > .double-result > .double-date > .change { display: inline-block; position: absolute; top: 10px; left: -10px; padding: 50px 60px 20px 10px; margin: 40px 0px 0 -25px; background: url("../img/port-change.png") no-repeat right center; background-size: contain; }

> .main-content .search-bar .item > .double-result > .double-date > .change > a { display: inline-block; width: 40px; height: 40px; background: #58656e url("../img/port-chang-icon.png") no-repeat center; position: absolute; top: 20%; left: 13px; text-indent: -9999px; border-radius: 50%; }

> .main-content .search-bar .item > .double-result > .double-other { float: left; position: relative; padding: 0 0 0 30px; margin: 0 0 0 30px; }

> .main-content .search-bar .item > .double-result > .double-other > p { font-size: 16px; margin: 0 0 -30px 0; color: #7c7c7c; font-weight: bolder; }

> .main-content .search-bar .item > .double-result > .double-other > p > span { padding: 0 0 0 10px; }

> .main-content .search-bar .item > .double-result > .double-other > p > span.air-com { text-align: center; position: relative; }

> .main-content .search-bar .item > .double-result > .double-other > p > span.air-com > a { display: inline-block; width: 250px; line-height: 42px; border: 1px solid #e5e5e5; text-align: left; padding: 0 14px; font-size: 16px; }

> .main-content .search-bar .item > .double-result > .double-other > p > span.air-com > a:after { content: ""; display: inline-block; float: right; margin: 20px 0 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 8px solid #58656e; }

> .main-content .search-bar .item > .double-result > .double-other > p > span:after { content: ""; margin: 0px 10px 0 -30px; display: inline-block; border-left: 9px solid transparent; border-right: 9px solid transparent; border-top: 9px solid #929292; }

> .main-content .search-bar .item > .double-result > .double-other > p > span > input { border: none; width: 90px; padding: 0 0px 0 10px; line-height: 48px; height: 48px; background: #efefef; margin: 0 0 0 10px; }

> .main-content .search-bar .item > .double-result > .double-other > .change { display: inline-block; position: absolute; top: 10px; left: -10px; padding: 50px 60px 20px 10px; margin: 40px 0px 0 -25px; background: url("../img/port-change.png") no-repeat right center; background-size: contain; }

> .main-content .search-bar .item > .double-result > .double-other > .change > a { display: inline-block; width: 40px; height: 40px; background: #58656e url("../img/port-chang-icon.png") no-repeat center; position: absolute; top: 20%; left: 13px; text-indent: -9999px; border-radius: 50%; }

> .main-content .search-bar .item > .single-result { display: none; }

> .main-content .search-bar .item > .single-result > span:nth-child(1) { color: #7c7c7c; font-size: 16px; padding: 0 20px 0 0; }

> .main-content .search-bar .item > .single-result > :nth-child(2) { color: #dbdbdb; background: #efefef; line-height: 48px; display: inline-block; }

> .main-content .search-bar .item > .single-result > :nth-child(2) > input { border: none; background: #efefef; width: 87px; padding: 0 10px; line-height: 48px; height: 48px; color: #dbdbdb; }

> .main-content .search-bar .item > .single-result > :nth-child(2):after { content: ""; background: url(../img/date.png) no-repeat center; display: inline-block; width: 18px; height: 22px; vertical-align: middle; margin: 0 10px 0 0; }

> .main-content .search-bar .item > .single-result > :nth-child(3) { color: #7c7c7c; font-size: 16px; padding: 0 20px 0 24px; }

> .main-content .search-bar .item > .single-result > :nth-child(4) { color: #dbdbdb; background: #efefef; line-height: 48px; display: inline-block; }

> .main-content .search-bar .item > .single-result > :nth-child(4) > input { border: none; background: #efefef; width: 60px; padding: 0 10px; line-height: 48px; height: 48px; color: #dbdbdb; }

> .main-content .search-bar .item > .single-result > :nth-child(4):after { content: ""; margin: 0px 10px 0 0; display: inline-block; border-left: 9px solid transparent; border-right: 9px solid transparent; border-top: 9px solid #929292; }

> .main-content .search-bar .item > .single-result .center-reflesh { height: 50px; width: 50px; background-color: #58656e; border-radius: 25px; vertical-align: middle; text-align: center; display: inline-block; line-height: 50px; margin: 0 10px 0 10px; }

> .main-content .search-bar .item > .single-result .center-reflesh:after { vertical-align: middle; display: inline-block; content: ""; background: url(../img/reflesh.png) no-repeat center; width: 50px; height: 50px; }

> .main-content .search-bar .item > .single-result > :nth-child(6) { color: #7c7c7c; font-size: 16px; padding: 0 20px 0 0px; }

> .main-content .search-bar .item > .single-result > :nth-child(7) { color: #dbdbdb; background: #efefef; line-height: 48px; display: inline-block; }

> .main-content .search-bar .item > .single-result > :nth-child(7) > input { border: none; background: #efefef; width: 60px; padding: 0 10px; line-height: 48px; height: 48px; color: #dbdbdb; }

> .main-content .search-bar .item > .single-result > :nth-child(7):after { content: ""; margin: 0 10px 0 0; display: inline-block; border-left: 9px solid transparent; border-right: 9px solid transparent; border-top: 9px solid #929292; }

> .main-content .search-bar .item > .single-result > :nth-child(8) { display: inline-block; padding: 0 0 0 20px; float: right; }

> .main-content .search-bar .item > .single-result > :nth-child(8) > a { display: inline-block; line-height: 42px; border: 1px solid #9c9c9c; text-align: left; padding: 0 14px; font-size: 16px; width: 200px; color: #9b9b9b; }

> .main-content .search-bar .item > .single-result > :nth-child(8) > a:after { content: ""; margin: 18px 0 0 0; display: inline-block; border-left: 9px solid transparent; border-right: 9px solid transparent; border-top: 9px solid #929292; float: right; }

> .main-content .search-bar .search { margin: 90px 504px 28px 504px; text-align: center; background-color: #e4b06a; }

> .main-content .search-bar .search a { font-size: 21px; color: #fff; width: 187px; line-height: 46px; }

> .main-content > h3 { display: none; line-height: 78px; color: #d7a561; font-size: 28px; padding: 0 0 0 24px; border-bottom: 1px solid #e4b06a; border-top: 1px solid #ededed; }

> .main-content > .title { border-top: 1px solid #ededed; }

> .main-content > .title:after { display: block; clear: both; content: ""; }

> .main-content > .title li { float: left; line-height: 58px; margin: 0 170px 0 30px; font-size: 18px; color: #d7a561; }

> .main-content > .item > li { margin: 0 0 6px 0; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; padding: 0 40px 0 30px; font-size: 14px; }

> .main-content > .item > li:after { display: block; clear: both; content: ""; }

> .main-content > .item > li > span { display: block; float: left; text-align: center; font-size: 14px; color: #585858; position: relative; }

> .main-content > .item > li > span > .time { position: absolute; padding: 20px 16px 20px 16px; background: #eee; border: 1px solid #d2d2d2; display: none; z-index: 9999; white-space: nowrap; top: 40px; left: 20px; }

> .main-content > .item > li > span > .time:before { position: absolute; top: -8px; left: 53%; display: inline-block; content: ""; width: 14px; height: 14px; border-top: 1px solid #d2d2d2; border-left: 1px solid #d2d2d2; background: #eee; transform: rotate(45deg); }

> .main-content > .item > li > span > .time li { line-height: 33px; border-bottom: 1px solid #e2e2e2; }

> .main-content > .item > li > span > .time li > a.active { color: #d7a561; }

> .main-content > .item > li > span > .time.active { display: block; }

> .main-content > .item > li > span:nth-child(1) { margin: 30px 0 20px  0; text-align: left; width: 100px; position: relative; }

> .main-content > .item > li > span:nth-child(1) > a:after { position: absolute; content: ""; top: 8px; right: 20px; display: inline-block; border-left: 9px solid transparent; border-right: 9px solid transparent; border-top: 9px solid #d7a561; }

> .main-content > .item > li > span:nth-child(2) { margin: 30px 0 20px  0; width: 440px; }

> .main-content > .item > li > span:nth-child(2) > span:nth-child(1):before { line-height: 20px; display: inline-block; color: #fff; content: "始"; text-align: center; background: #d7a561; width: 20px; height: 20px; border-radius: 50%; vertical-align: middle; margin: 0 10px 0 0; }

> .main-content > .item > li > span:nth-child(2) > span:nth-child(2) { margin: 20px 20px 20px 10px; position: relative; top: -10px; left: 0; }

> .main-content > .item > li > span:nth-child(2) > span:nth-child(2):before { content: ""; display: inline-block; color: #dfb989; background: url(../img/arrow.png) no-repeat; background-size: contain; width: 86px; position: absolute; height: 6px; top: 20px; left: 0; }

> .main-content > .item > li > span:nth-child(2) > span:nth-child(3) { margin: 30px 0 20px  0; }

> .main-content > .item > li > span:nth-child(2) > span:nth-child(3):before { line-height: 20px; display: inline-block; color: #fff; content: "终"; text-align: center; background: #58656e; width: 20px; height: 20px; border-radius: 50%; vertical-align: middle; margin: 0 10px 0 0; }

> .main-content > .item > li > span:nth-child(3) { width: 230px; text-align: left; margin: 30px 0 20px  0; }

> .main-content > .item > li > span:nth-child(4) { margin: 20px 20px 20px  0; position: relative; }

> .main-content > .item > li > span:nth-child(4) > .site-number { position: absolute; z-index: 9999; top: 50px; left: -260px; padding: 20px 0 25px 0; background: #eee; border: 1px solid #d2d2d2; display: none; }

> .main-content > .item > li > span:nth-child(4) > .site-number:before { position: absolute; top: -8px; left: 87.5%; display: inline-block; content: ""; width: 14px; height: 14px; border-top: 1px solid #d2d2d2; border-left: 1px solid #d2d2d2; background: #eee; transform: rotate(45deg); }

> .main-content > .item > li > span:nth-child(4) > .site-number.active { display: block; }

> .main-content > .item > li > span:nth-child(4) > .site-number .active-color { color: #d7a561; }

> .main-content > .item > li > span:nth-child(4) > .site-number > .site { float: left; width: 158px; border-right: 1px solid #d2d2d2; }

> .main-content > .item > li > span:nth-child(4) > .site-number > .site li { white-space: nowrap; margin: 0 0 17px 0; }

> .main-content > .item > li > span:nth-child(4) > .site-number > .number { margin: 0 0 0 160px; padding: 0 22px 0 22px; }

> .main-content > .item > li > span:nth-child(4) > .site-number > .number li { white-space: nowrap; margin: 4.5px 0 10px 0; }

> .main-content > .item > li > span:nth-child(4) > .site-number > .number li > span { display: inline-block; border: 1px solid #e5e5e5; background: #fff; }

> .main-content > .item > li > span:nth-child(4) > .site-number > .number li > span > input { width: 50px; height: 26px; line-height: 26px; border: none; background: #fff; text-align: center; }

> .main-content > .item > li > span:nth-child(4) > .site-number > .number li > span > a { display: inline-block; width: 20px; line-height: 26px; text-align: center; }

> .main-content > .item > li > span:nth-child(4) > .site-number > .number li > span > a:first-child { border-right: 1px solid #e5e5e5; }

> .main-content > .item > li > span:nth-child(4) > .site-number > .number li > span > a:last-child { border-left: 1px solid #e5e5e5; }

> .main-content > .item > li > span:nth-child(4) > .site-number > .number li:first-child { margin: 0 0 10px 0; }

> .main-content > .item > li > span:nth-child(4) > a > p:nth-child(2) { color: #a3a3a3; }

> .main-content > .item > li > span:nth-child(4) > a:after { position: absolute; content: ""; top: 20px; right: -40px; display: inline-block; border-left: 9px solid transparent; border-right: 9px solid transparent; border-top: 9px solid #d7a561; }

> .main-content > .item > li > .buy { display: inline-block; text-align: center; width: 168px; line-height: 40px; color: #fff; background: #d7a561; float: right; margin: 20px 0 0 0; border-radius: 4px; font-size: 18px; }

.company-introduce { background: #f4f4f4; }

.company-introduce .bg-icon { height: 435px; background: url(../img/ship-banner.jpg) #d7a561 no-repeat center; margin: 0 0 58px 0; }

.company-introduce .introduce { width: 1200px; margin: 0 auto; background: #fff; }

.company-introduce .introduce .introduce-menu { position: absolute; left: 50%; margin: 0 0 0 -600px; }

.company-introduce .introduce .introduce-menu > ul { margin: 0 0 0 -380px; }

.company-introduce .introduce .introduce-menu > ul li { text-align: right; }

.company-introduce .introduce .introduce-menu > ul li a { display: inline-block; margin: 0 0 4px 0; height: 56px; line-height: 56px; font-size: 14px; background: #7c7c7c; color: #fff; border-top-left-radius: 3px; border-bottom-left-radius: 3px; padding: 0 10px 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 150px !important; }

.company-introduce .introduce .introduce-menu > ul li.active > a { background: #d7a561; position: relative; }

.company-introduce .introduce .introduce-menu > ul li.active > a:before { display: inline-block; content: ""; width: 0; height: 0; vertical-align: middle; margin: 0 20px 0 0; border-left: 9px solid #fff; border-bottom: 9px solid transparent; border-top: 9px solid transparent; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); }

.company-introduce .introduce > .history-frame { padding: 27px 40px 0 40px; position: relative; border: 1px solid #e5e5e5; }

.company-introduce .introduce > .history-frame h3 { font-size: 24px; color: #d7a561; margin: 0 0 30px 0; }

.company-introduce .introduce > .history-frame .history-develop > p { text-align: left; font-size: 14px; line-height: 30px; color: #7c7c7c; }

.company-introduce .introduce > .history-frame .history-develop .history-pic { width: 540px; margin: 0 auto; }

.company-introduce .introduce > .history-frame .history-develop .history-pic .history-pic-wai { margin: 0 0 25px 0; }

.company-introduce .introduce > .history-frame .history-develop .history-pic .history-pic-wai > img { width: 540px; height: 354px; margin: 24px 0 0  0; }

.company-introduce .introduce > .history-frame .history-develop .history-pic .history-pic-wai > span { display: inline-block; width: 100%; text-align: right; margin: 12px 0 0 0; font-size: 15px; margin: 12px 0 0 0; color: #7c7c7c; }

.company-introduce .introduce > .history-frame.list { padding: 27px 30px 0 30px; }

.company-introduce .introduce > .history-frame.list .list-content { margin: 0 0 0 344px; }

.company-introduce .introduce > .history-frame.list .list-title { float: left; width: 294px; padding: 20px 10px; border: 1px solid #eaeaea; }

.company-introduce .introduce > .history-frame.list .list-title a { display: block; font-size: 14px; line-height: 28px; margin: 5px 0; color: #7c7c7c; }

.company-introduce .introduce > .history-frame.list .list-title a:hover, .company-introduce .introduce > .history-frame.list .list-title a.active { color: #e4b06a; }

.company-introduce .blank { height: 50px; }

.news-main-banner { height: 435px; background: url(../img/ship-banner.jpg) #d7a561 no-repeat center; }

.recent-news { color: #d7a561; font-size: 19px; width: 1200px; margin: 0 auto; }

.recent-news > .recent-news-frame { padding: 40px 0 22px 36px; }

.recent-news > .recent-news-frame > a { display: inline-block; color: #d7a561; font-size: 19px; }

.news-main-banner { height: 435px; background: url(../img/ship-banner.jpg) #d7a561 no-repeat center; }

.main-content-news { margin: 0 auto; padding: 37px 36px; width: 1126px; min-height: 300px; text-align: center; background: #fff; }

.main-content-news:after { content: ""; display: block; clear: both; }

.main-content-news > h2 { color: #8e8e8e; font-size: 24px; }

.main-content-news > h4 { display: inline-block; font-size: 14px; color: #919191; margin: 20px 0 20px 10px; }

.main-content-news > p { text-align: justify; font-size: 14px; color: #7c7c7c; }

overflow:hidden； .main-content-news > p:before { content: ""; display: block; clear: both; }

.main-content-news > p > img { display: block; max-width: 100%; height: auto !important; overflow: hidden; margin: 0 auto 10px; }

.main-content-news > .center-picture { padding: 26px 0 16px 0; text-align: center; }

.main-content-news > .resource { margin: 0 0 0 784px; }

.news-main-blank { height: 20px; }

.bg-news { background: #f4f4f4; width: 1200px; margin: 26px auto 64px auto; }

.bg-news > .more-list { display: inline-block; margin: 50px 0 24px 0; width: 1200px; font-size: 28px; color: #d7a561; background: #f4f4f4; }

.bg-news > .moreinfo-frame { padding: 0 6px 0 0; background: #D7A561; margin: 0 0 10px 0; }

.bg-news > .moreinfo-frame:hover { background: #e6c291; }

.bg-news > .moreinfo-frame:hover .moreinfo-text .character { color: #a4a4a4; }

.bg-news > .moreinfo-frame > .moreinfo-text { background: #fff; position: relative; }

.bg-news > .moreinfo-frame > .moreinfo-text > a:after { display: block; content: ""; clear: both; }

.bg-news > .moreinfo-frame > .moreinfo-text > a > img { margin: 6px; width: 214px; height: 108px; float: left; }

.bg-news > .moreinfo-frame > .moreinfo-text > a > .character { margin: 0 0 0 240px; padding: 10px 20px 0 0; color: #7c7c7c; }

.bg-news > .moreinfo-frame > .moreinfo-text > a > .character > p { line-height: 22px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.bg-news > .moreinfo-frame > .moreinfo-text > a > .character > .date { display: inline-block; color: #C4C4C4; position: absolute; left: 240px; bottom: 15px; }

.bg-news > .pages { background: #f4f4f4; }

.bg-news > .pages > ul { margin: 22px 0; text-align: center; }

.bg-news > .pages > ul li { display: inline-block; }

.bg-news > .pages > ul li > a { display: inline-block; width: 38px; line-height: 38px; font-size: 14px; }

.bg-news > .pages > ul li > a i { color: #cccbcc; font-size: 20px; vertical-align: middle; margin: -4px 6px 0 6px; display: inline-block; }

.bg-news > .pages > ul li:first-child > a { width: 70px; }

.bg-news > .pages > ul li:last-child > input { width: 48px; line-height: 38px; border: 1px solid #d7a561; text-align: center; background: none; }

.bg-news > .pages > ul li.active { background: #d7a561; }

.bg-news > .pages > ul li.active > a { color: #fff; }

.bg-news > .pages > ul > :nth-child(8) > a { width: 70px; }

.news-page-banner { height: 435px; background: url(../img/ship-banner.jpg) #d7a561 no-repeat center; }

.news .news-title { color: #d7a651; font-size: 28px; line-height: 40px; width: 1200px; margin: 30px auto 5px; }

.news .news-title .news-nav { font-size: 18px; line-height: 28px; height: 28px; }

.news .news-title .news-nav .more-news { color: #a8a8a8; float: right; margin: 0 20px 0 0; }

.news .news-title .news-nav .more-news:after { display: inline-block; content: ""; background: url(../img/more-news.png); width: 12px; height: 12px; margin: 0 0 0 3px; }

.news .content { margin: 0 auto; width: 1200px; }

.news .content > .news-list-frame .news-list { padding: 0 0 10px 0; }

.news .content > .news-list-frame .news-list .list { vertical-align: middle; position: relative; display: inline-block; width: 372px; height: 414px; background: #fff; margin: 10px 0 0 20px; border-bottom: 10px solid #e4b06a; }

.news .content > .news-list-frame .news-list .list:hover .list-title { color: #e6c291; }

.news .content > .news-list-frame .news-list .list:hover .list-content { color: #a4a4a4; }

.news .content > .news-list-frame .news-list .list:hover .list-date:after { color: #ff574d; }

.news .content > .news-list-frame .news-list .list .news-tag { position: absolute; top: -9px; left: -12px; text-indent: -9999px; width: 84px; height: 46px; background: url(../img/new-tag.png) no-repeat; }

.news .content > .news-list-frame .news-list .list .news-bg { display: inline-block; width: 354px; height: 218px; margin: 10px 0 0 10px; }

.news .content > .news-list-frame .news-list .list .list-title { display: inline-block; font-size: 16px; color: #dba862; margin: 10px 0 0 10px; width: 344px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.news .content > .news-list-frame .news-list .list .list-content { display: inline-block; font-size: 14px; color: #7c7c7c; width: 354px; margin: 5px 0 0 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

.news .content > .news-list-frame .news-list .list .list-date { position: absolute; bottom: 16px; left: 10px; display: inline-block; font-size: 13px; color: #d6d6d6; }

.news .content > .news-list-frame .news-list .list .list-date:after { content: "NEW"; font-size: 11px; color: red; margin: 0 0 0 5px; }

.news .content .more-list { display: inline-block; margin: 50px 0 24px 0; width: 1200px; font-size: 28px; color: #d7a561; }

.news .content .more-info { margin: 0 0 8px 0; width: 1164px; height: 118px; background: #fff; }

.news .content > .moreinfo-frame { padding: 0 6px 0 0; background: #D7A561; margin: 0 0 10px 0; }

.news .content > .moreinfo-frame:hover { background: #e6c291; }

.news .content > .moreinfo-frame:hover .moreinfo-text .character { color: #a4a4a4; }

.news .content > .moreinfo-frame > .moreinfo-text { background: #fff; position: relative; }

.news .content > .moreinfo-frame > .moreinfo-text > a:after { display: block; content: ""; clear: both; }

.news .content > .moreinfo-frame > .moreinfo-text > a > img { margin: 6px; width: 214px; height: 108px; float: left; }

.news .content > .moreinfo-frame > .moreinfo-text > a > .character { margin: 0 0 0 240px; padding: 10px 20px 0 0; color: #7c7c7c; }

.news .content > .moreinfo-frame > .moreinfo-text > a > .character > .character-title { font-size: 14px; }

.news .content > .moreinfo-frame > .moreinfo-text > a > .character > p { line-height: 22px; }

.news .content > .moreinfo-frame > .moreinfo-text > a > .character > .date { display: inline-block; color: #C4C4C4; position: absolute; left: 240px; bottom: 15px; }

.submit-loading { display: none; position: fixed; z-index: 9999; top: 0; left: 0; right: 0; bottom: 0; }

.submit-loading .loading { position: absolute; top: 45%; left: 45%; background: rgba(100, 100, 100, 0.5); border-radius: 5px; text-align: center; padding: 10px; }

.submit-loading .loading > span { display: inline-block; content: ""; width: 60px; height: 60px; background: url(../img/submit-loading.gif) no-repeat center; background-size: contain; vertical-align: middle; }

.submit-loading .loading > p { margin: 10px 0 0; color: #fff; font-size: 16px; text-align: center; }

.order-submit { background: #f4f4f4; }

.order-submit .bg-icon { height: 435px; background: url(../img/ship-banner.jpg) #d7a561 no-repeat center; margin: 0 0 40px 0; }

.order-submit .order-submit-content { width: 1200px; margin: 0 auto; }

.order-submit .order-submit-content .order-submit-wai:after { display: block; content: ""; clear: both; }

.order-submit .order-submit-content .order-submit-wai .order-submit-rightbar { margin: 0 0 0 840px; background: #fff; }

.order-submit .order-submit-content .order-submit-wai .order-submit-rightbar > .rightwai { padding: 16px 16px 0 16px; }

.order-submit .order-submit-content .order-submit-wai .order-submit-rightbar > .rightwai > .item-way { width: 320px; }

.order-submit .order-submit-content .order-submit-wai .order-submit-rightbar > .rightwai > .item-way > .same { padding: 0 16px 0 0; border: 1px solid #e6e6e6; position: relative; }

.order-submit .order-submit-content .order-submit-wai .order-submit-rightbar > .rightwai > .item-way > .same > .order-submit-logo { position: absolute; top: -6px; left: -6px; width: 85px; height: 89px; background: url(../img/order-submit-icon.png) no-repeat center; background-size: contain; }

.order-submit .order-submit-content .order-submit-wai .order-submit-rightbar > .rightwai > .item-way > .same > .order-submit-logo > span { display: inline-block; color: #fff; font-size: 14px; margin: 20px 0 0 18px; transform: rotate(-50deg); -ms-transform: rotate(-50deg); -moz-transform: rotate(-50deg); -webkit-transform: rotate(-50deg); }

.order-submit .order-submit-content .order-submit-wai .order-submit-rightbar > .rightwai > .item-way > .same > .date { display: inline-block; width: 100%; margin: 18px 0 0 0; font-size: 15px; color: #c0c0c0; }

.order-submit .order-submit-content .order-submit-wai .order-submit-rightbar > .rightwai > .item-way > .same > .date > span:last-child { display: inline-block; float: right; }

.order-submit .order-submit-content .order-submit-wai .order-submit-rightbar > .rightwai > .item-way > .same > .date > span:first-child { display: inline-block; margin: 0 0 0 63px; }

.order-submit .order-submit-content .order-submit-wai .order-submit-rightbar > .rightwai > .item-way > .same > .port { width: 100%; display: block; font-size: 14px; color: #7c7c7c; text-align: center; margin: 15px 0 0 0; }

.order-submit .order-submit-content .order-submit-wai .order-submit-rightbar > .rightwai > .item-way > .same > .port > span { display: inline-block; width: 100%; }

.order-submit .order-submit-content .order-submit-wai .order-submit-rightbar > .rightwai > .item-way > .same > .port > i { display: inline-block; content: ""; width: 37px; height: 7px; background: url(../img/userinfo-arrow.png) no-repeat center; background-size: contain; vertical-align: middle; margin: 0 15px 0 15px; }

.order-submit .order-submit-content .order-submit-wai .order-submit-rightbar > .rightwai > .item-way > .same > .adult { width: 100%; display: inline-block; font-size: 15px; color: #c0c0c0; margin: 15px 0 0 0; text-align: center; }

.order-submit .order-submit-content .order-submit-wai .order-submit-rightbar > .rightwai > .item-way > .same > .old { width: 100%; display: inline-block; font-size: 15px; color: #c0c0c0; text-align: center; }

.order-submit .order-submit-content .order-submit-wai .order-submit-rightbar > .rightwai > .item-way > .same > .reselect { display: inline-block; width: 100%; text-align: right; margin: 15px 0; }

.order-submit .order-submit-content .order-submit-wai .order-submit-rightbar > .rightwai > .item-way > .same > .reselect > a { font-size: 15px; color: #d6ae7a; }

.order-submit .order-submit-content .order-submit-wai .order-submit-rightbar > .rightwai > .item-way .return { margin: 10px 0 0 0; }

.order-submit .order-submit-content .order-submit-wai .order-submit-rightbar > .rightwai > .item-way > .total { line-height: 58px; margin: 6px 0 0 0; border: 1px solid #e6e6e6; text-align: center; font-size: 17px; color: #ddb37d; }

.order-submit .order-submit-content .order-submit-wai .order-submit-rightbar > .rightwai > .item-way > .total > span:first-child { font-size: 15px; color: #7c7c7c; }

.order-submit .order-submit-content .order-submit-wai .order-submit-rightbar > .rightwai > .item-way .click-operation > a { margin: 16px 0 34px 0; display: inline-block; width: 48%; font-size: 16px; line-height: 40px; border-radius: 4px; border: 1px solid #e4b06a; text-align: center; color: #d9b586; }

.order-submit .order-submit-content .order-submit-wai .order-submit-rightbar > .rightwai > .item-way .click-operation > a:last-child { float: right; background: #e4b06a; color: #fff; }

.order-submit .order-submit-content .order-submit-wai .booking-information { width: 830px; padding: 18px 0 0 0; background: #fff; float: left; }

.order-submit .order-submit-content .order-submit-wai .booking-information > .order-information { margin: 0 18px 6px 16px; border: 1px solid #ededed; }

.order-submit .order-submit-content .order-submit-wai .booking-information > .order-information > .title { display: inline-block; width: 100%; line-height: 45px; background: #d7a561; text-align: center; font-size: 17px; color: #fff; }

.order-submit .order-submit-content .order-submit-wai .booking-information > .order-information > .information-nav { display: inline-block; width: 100%; border-bottom: 1px solid #e6e6e6; }

.order-submit .order-submit-content .order-submit-wai .booking-information > .order-information > .information-nav > span { float: left; width: 25%; display: inline-block; line-height: 50px; color: #d7a561; font-size: 17px; text-align: center; }

.order-submit .order-submit-content .order-submit-wai .booking-information > .order-information > .data > .data-wai { position: relative; }

.order-submit .order-submit-content .order-submit-wai .booking-information > .order-information > .data > .data-wai:after { display: block; content: ""; clear: both; }

.order-submit .order-submit-content .order-submit-wai .booking-information > .order-information > .data > .data-wai > .ages { margin: 0 167px 0 0; }

.order-submit .order-submit-content .order-submit-wai .booking-information > .order-information > .data > .data-wai > .ages > p { line-height: 60px; font-size: 15px; border-bottom: 1px solid #e6e6e6; }

.order-submit .order-submit-content .order-submit-wai .booking-information > .order-information > .data > .data-wai > .ages > p:last-child { border: 0; }

.order-submit .order-submit-content .order-submit-wai .booking-information > .order-information > .data > .data-wai > .ages > p:after { content: ""; display: block; clear: both; }

.order-submit .order-submit-content .order-submit-wai .booking-information > .order-information > .data > .data-wai > .ages > p span { float: left; text-align: center; }

.order-submit .order-submit-content .order-submit-wai .booking-information > .order-information > .data > .data-wai > .ages > p > .age { display: inline-block; width: 25%; }

.order-submit .order-submit-content .order-submit-wai .booking-information > .order-information > .data > .data-wai > .ages > p > .person { display: inline-block; width: 47%; }

.order-submit .order-submit-content .order-submit-wai .booking-information > .order-information > .data > .data-wai > .ages > p > .person > b { color: #eaeaea; margin: 0 0 0 10px; text-decoration: line-through; }

.order-submit .order-submit-content .order-submit-wai .booking-information > .order-information > .data > .data-wai > .ages > p > .count { display: inline-block; width: 26%; text-align: left; }

.order-submit .order-submit-content .order-submit-wai .booking-information > .order-information > .data > .data-wai > .ages > p > .count > a { text-align: center; display: inline-block; width: 20px; line-height: 27px; border-bottom: 1px solid #e6e6e6; border-top: 1px solid #e6e6e6; vertical-align: middle; }

.order-submit .order-submit-content .order-submit-wai .booking-information > .order-information > .data > .data-wai > .ages > p > .count > a:first-child { border-left: 1px solid #e6e6e6; }

.order-submit .order-submit-content .order-submit-wai .booking-information > .order-information > .data > .data-wai > .ages > p > .count > a:last-child { border-right: 1px solid #e6e6e6; }

.order-submit .order-submit-content .order-submit-wai .booking-information > .order-information > .data > .data-wai > .ages > p > .count > input { display: inline-block; vertical-align: middle; text-align: center; height: 25px; line-height: 25px; width: 48px; border: 1px solid #e6e6e6; }

.order-submit .order-submit-content .order-submit-wai .booking-information > .order-information > .data > .data-wai > .select-sits { position: absolute; right: 0; top: 0; bottom: 0; text-align: center; }

.order-submit .order-submit-content .order-submit-wai .booking-information > .order-information > .data > .data-wai > .select-sits > div { display: table; height: 100%; }

.order-submit .order-submit-content .order-submit-wai .booking-information > .order-information > .data > .data-wai > .select-sits > div > div { display: table-cell; vertical-align: middle; width: 136px; }

.order-submit .order-submit-content .order-submit-wai .booking-information > .order-information > .data > .data-wai > .select-sits > div > div > a { display: block; width: 80px; line-height: 27px; background: #d7a561; text-align: center; color: #fff; border-radius: 2px; margin: 10px 24px 0 0; }

.order-submit .order-submit-content .order-submit-wai .booking-information > .order-information > .data > .data-wai > .select-sits > div > div > a.disappear { background: #dbdbdb; }

.order-submit .order-submit-content .order-submit-wai .booking-information > .order-information > .data > .data-wai + .data-wai > .ages p:first-child { border-top: 1px solid #e6e6e6; }

.order-submit .order-submit-content .order-submit-wai .booking-information > .order-information > .data > p:after { display: block; content: ""; clear: both; }

.order-submit .order-submit-content .order-submit-wai .booking-information > .order-information > .data > p > .total { float: right; line-height: 86px; margin: 0 86px 0 0; color: #d7a561; font-size: 18px; }

.order-submit .order-submit-content .order-submit-wai .booking-information > .order-information > .data > p > .total > span { font-size: 20px; }

.order-submit .order-submit-content .order-submit-wai .booking-information > .tips { margin: 20px; padding: 0 0 20px; background: #f4f4f4; }

.order-submit .order-submit-content .order-submit-wai .booking-information > .tips > span { display: inline-block; width: 100%; font-size: 14px; text-align: center; }

.order-submit .order-submit-content .order-submit-wai .booking-information > .tips > span:first-child { line-height: 40px; color: #d7a561; }

.order-submit .order-submit-content .order-submit-wai .booking-information > .tips > p { font-size: 14px; margin: 0 20px; line-height: 20px; }

.order-submit > .blank { height: 9px; width: 100%; }

.top_img_qp { height: 435px; background: url(../img/ship-banner.jpg) #d7a561 no-repeat center; }

.main-content { width: 1200px; margin: 17px auto; }

.main-content > .order { background: #fff; border: 1px solid #ededed; font-size: 14px; border: 1px solid #ededed; border-bottom: 1px solid #e5e5e5; text-align: center; }

.main-content > .order > .order-item { color: #d7a561; }

.main-content > .order > .trip { text-align: left; padding: 0 0 0 40px; vertical-align: middle; display: inline-table; font-size: 14px; line-height: 58px; }

.main-content > .order > .trip span { padding: 0 15px 0 0; color: #7c7c7c; }

.main-content > .order > .trip .type { color: #fff; background-color: #d7a561; padding: 5px 10px; margin: 0 10px 0 0; }

.main-content > .order > .trip .price { color: #d7a561; }

.main-content > .order > .trip .arrow { display: inline-block; background: url(../img/small-arrow.png) no-repeat center; width: 38px; height: 15px; }

.main-content > .tips { text-align: center; position: relative; border: 1px solid #ededed; border-top: none; background: #fff; }

.main-content > .tips .order-num { position: absolute; right: 38px; top: 44px; font-size: 17px; color: #7c7c7c; }

.main-content > .tips h2 { padding: 42px 0 0 0; font-size: 30px; color: #7c7c7c; }

.main-content > .tips h2 span { color: #e4b06a; padding: 0 0 0 20px; }

.main-content > .tips p { padding: 30px 0 38px 0; font-size: 19px; color: #a5a5a5; }

.main-content > .tips > .last-qp { height: 44px; }

.main-content > .tips > .last-qp > .time { float: left; color: #e04446; font-size: 16px; }

.main-content > .tips > .last-qp > .time:before { content: ""; background: url(../img/clock.png) no-repeat center; display: inline-block; width: 34px; height: 34px; margin: 0 15px 0 58px; vertical-align: middle; }

.main-content > .tips > .last-qp > .more { float: right; }

.main-content > .tips > .last-qp > .more > a { color: #d9d9d9; font-size: 16px; }

.main-content > .tips > .last-qp > .more:after { content: ""; background: url(../img/double-arrow.png) no-repeat center; display: inline-block; width: 14px; height: 15px; vertical-align: middle; margin: -4px 66px 0 5px; }

.main-content > .tips .panel { text-align: left; background: #eaeaea; display: none; }

.main-content > .tips .panel > p { padding: 10px 20px 10px 20px; font-size: 14px; color: #7c7c7c; }

.main-content > .tips .panel > p > span { display: inline-block; margin: 0 30px 0 0; }

.main-content > .tips .panel > p > span > b { display: inline-block; background: #d7a561; padding: 5px; border-radius: 5px; color: #fff; margin: 0 10px 0 0; }

.main-content .clear { clear: both; }

.main-content .paytype { margin: 5px 0 0 0; }

.main-content .paytype .item { line-height: 60px; color: #7c7c7c; font-size: 18px; width: 210px; }

.main-content .paytype .item .wechat { background: #fff; display: block; padding: 0 0 0 29px; border: 1px solid #ededed; }

.main-content .paytype .item .wechat:before { cursor: pointer; content: ""; background: url(../img/wechat.png) no-repeat center; display: inline-block; background-size: contain; width: 48px; height: 44px; vertical-align: middle; }

.main-content .paytype .item .alipay { background: #fff; display: block; padding: 0 0 0 22px; margin: 5px 0; border: 1px solid #ededed; }

.main-content .paytype .item .alipay:before { content: ""; background: url(../img/alipay.png) no-repeat center; display: inline-block; background-size: contain; width: 50px; height: 50px; vertical-align: middle; margin: 0 5px 0 0; }

.main-content .paytype .item .otherpay { background: #fff; display: block; padding: 0 0 0 29px; border: 1px solid #ededed; border-right: none; }

.main-content .paytype .item .otherpay:before { content: ""; background: url(../img/other-pay.png) no-repeat center; display: inline-block; width: 48px; height: 44px; vertical-align: middle; }

.main-content .paytype .detail { border: 1px solid #ededed; border-left: none; background: #fff; padding: 14px 0 26px 0; }

.main-content .paytype .detail .changeline { display: block; line-height: 60px; font-size: 18px; margin: 0 14px; }

.main-content .paytype .detail .changeline img { padding: 0 10px; }

.main-content .paytype .detail .changeline .ali-img { width: 100px; height: 30px; }

.main-content .paytype .detail .changeline .ae-img { width: 85px; height: 45px; }

.main-content .paytype .detail .changeline .un-img { width: 100px; height: 40px; }

.main-content .paytype .detail .changeline .master-img { margin: 0 0 0 10px; }

.main-content .paytype .detail .changeline .master { padding: 0 0 0 45px; }

.main-content .paytype .detail .changeline .union { padding: 0 0 0 25px; }

.main-content .paytype .detail .changeline .visa { padding: 0 0 0 50px; }

.main-content .paytype .detail .changeline .AE-card { padding: 0 0 0 40px; }

.main-content .paytype .detail .changeline .ali { padding: 0 0 0 25px; }

.main-content .paytype .detail .changeline input[type=radio] { display: none; }

.main-content .paytype .detail .changeline input[type=radio] + label { margin: 0 0 0 21px; border: 2px solid #ebebeb; width: 18px; height: 18px; line-height: 18px; border-radius: 50%; display: inline-block; }

.main-content .paytype .detail .changeline input[type=radio] + label:before { display: inline-block; content: ""; width: 14px; height: 14px; margin: 2px; border-radius: 50%; }

.main-content .paytype .detail .changeline input[type=radio]:checked + label:before { background: #f9bc66; }

.main-content .paytype .detail .changeline .gopay { float: right; margin: -65px 0 0 0; padding: 0 15px 0 0; color: #7c7c7c; }

.main-content .paytype .detail .changeline .gopay .price { padding: 0 0 0 10px; color: #e4b06a; }

.main-content .paytype .detail .bg-label { width: 40%; display: block; cursor: pointer; }

.main-content .paytype .detail .confirm { border-radius: 3px; text-align: center; background: #e4b06a; font-size: 18px; margin: 26px 20px 0px 888px; }

.main-content .paytype .detail .confirm > a { width: 100%; display: inline-block; color: #fff; }

.main-content .paytype .detail .confirm.disable { background: #dbdbdb; }

.bg-shadow { display: none; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); }

.order-finish-qp { display: none; position: fixed; top: 30%; left: 0; right: 0; margin: 0 auto; padding: 40px 0 0 0; width: 595px; background: #fff; text-align: center; }

.order-finish-qp > .set-bg-color { margin: 0 auto 18px auto; width: 122px; height: 122px; border-radius: 50%; background: #f9bc64; line-height: 122px; }

.order-finish-qp > h2 { font-size: 30px; color: #f9bc64; padding: 0 0 20px 0; }

.order-finish-qp > h4 { margin: 10px 0 0; font-size: 15px; }

.order-finish-qp > h4 > a { color: #d7a561; padding: 0 40px; }

.order-finish-qp .go-on-shopping:after { content: ""; display: inline-block; width: 20px; height: 20px; background: url(../img/double-arrow.png) no-repeat center; vertical-align: middle; }

.order-finish-qp .confirm_qp { margin: 20px 0 0 0; padding: 0 0 40px 0; }

.order-finish-qp .confirm_qp > a { display: inline-block; padding: 0 44px; background: #f9bc64; line-height: 48px; color: #fff; font-size: 20px; border-radius: 3px; margin: 0 20px 0 0; }

.order-finish-qp .confirm_qp > a:nth-child(2) { padding: 0 35px; }

.order-failed { display: none; position: fixed; top: 30%; left: 0; right: 0; margin: 0 auto; padding: 80px 0; width: 595px; background: #fff; text-align: center; }

.order-failed .icon > span { display: inline-block; background: #d0d0d0; width: 100px; line-height: 100px; border-radius: 50%; }

.order-failed .icon > span:before { content: ""; display: inline-block; margin: 0; background: url(../img/pay-done.png) no-repeat; background-size: contain; width: 50px; height: 50px; vertical-align: middle; }

.order-failed > h3 { line-height: 70px; font-size: 24px; color: #d0d0d0; }

.order-failed > h4 { line-height: 50px; font-size: 18px; color: #d0d0d0; }

.order-failed .sure > a { display: inline-block; padding: 10px 40px; background: #d7a561; margin: 20px 0 0; color: #fff; border-radius: 3px; }

.order-loading { display: none; position: fixed; top: 30%; left: 0; right: 0; margin: 0 auto; padding: 80px 0; width: 595px; background: #fff; text-align: center; }

.order-loading .loading > span { display: inline-block; content: ""; width: 60px; height: 60px; background: url(../img/submit-loading.gif) no-repeat center; background-size: contain; vertical-align: middle; }

.order-loading .loading > p { font-size: 18px; color: #7c7c7c; margin: 30px 0; }

.top-img { height: 435px; background: url(../img/ship-banner.jpg) #d7a561 no-repeat center; }

.top-img:after { content: ""; display: block; clear: both; }

.main-content { margin: 86px auto 0; width: 1200px; background: #fff; border: 1px solid #ededed; }

.main-content .search-bar { border-bottom: 1px solid #ededed; }

.main-content .search-bar .search { margin: 0 504px 28px 504px; text-align: center; background-color: #e4b06a; }

.main-content .search-bar .search a { font-size: 21px; color: #fff; width: 187px; line-height: 46px; }

.main-content > h3 { line-height: 78px; color: #d7a561; font-size: 28px; padding: 0 0 0 24px; border-bottom: 1px solid #e4b06a; }

.main-content > .title:after { display: block; clear: both; content: ""; }

.main-content > .title li { float: left; line-height: 58px; margin: 0 170px 0 30px; font-size: 18px; color: #d7a561; }

.main-content > .item > li { margin: 0 0 6px 0; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; padding: 0 40px 0 30px; font-size: 15px; }

.main-content > .item > li:after { display: block; clear: both; content: ""; }

.main-content > .item > li > span { display: block; float: left; text-align: center; font-size: 15px; color: #585858; position: relative; }

.main-content > .item > li > span > .time { position: absolute; padding: 20px 16px 20px 16px; background: #eee; border: 1px solid #d2d2d2; display: none; z-index: 9999; white-space: nowrap; top: 40px; left: 20px; }

.main-content > .item > li > span > .time:before { position: absolute; top: -8px; left: 53%; display: inline-block; content: ""; width: 14px; height: 14px; border-top: 1px solid #d2d2d2; border-left: 1px solid #d2d2d2; background: #eee; transform: rotate(45deg); }

.main-content > .item > li > span > .time li { line-height: 33px; border-bottom: 1px solid #e2e2e2; }

.main-content > .item > li > span > .time li > a.active { color: #d7a561; }

.main-content > .item > li > span > .time.active { display: block; }

.main-content > .item > li > span:nth-child(1) { margin: 30px 0 20px  0; text-align: left; width: 100px; position: relative; }

.main-content > .item > li > span:nth-child(1) > a:after { position: absolute; content: ""; top: 8px; right: 20px; display: inline-block; border-left: 9px solid transparent; border-right: 9px solid transparent; border-top: 9px solid #d7a561; }

.main-content > .item > li > span:nth-child(2) { margin: 30px 0 20px  0; width: 440px; }

.main-content > .item > li > span:nth-child(2) > span:nth-child(1):before { line-height: 20px; display: inline-block; color: #fff; content: "始"; text-align: center; background: #d7a561; width: 20px; height: 20px; border-radius: 50%; vertical-align: middle; margin: 0 10px 0 0; }

.main-content > .item > li > span:nth-child(2) > span:nth-child(2) { margin: 20px 20px 20px 10px; position: relative; top: -10px; left: 0; }

.main-content > .item > li > span:nth-child(2) > span:nth-child(2):before { content: ""; display: inline-block; color: #dfb989; background: url(../img/arrow.png) no-repeat; background-size: contain; width: 86px; position: absolute; height: 6px; top: 20px; left: 0; }

.main-content > .item > li > span:nth-child(2) > span:nth-child(3) { margin: 30px 0 20px 0; }

.main-content > .item > li > span:nth-child(2) > span:nth-child(3):before { line-height: 20px; display: inline-block; color: #fff; content: "终"; text-align: center; background: #58656e; width: 20px; height: 20px; border-radius: 50%; vertical-align: middle; margin: 0 10px 0 0; }

.main-content > .item > li > span:nth-child(3) { width: 230px; text-align: left; margin: 30px 0 20px  0; }

.main-content > .item > li > span:nth-child(4) { margin: 20px 20px 20px  0; position: relative; }

.main-content > .item > li > span:nth-child(4) > .site-number { position: absolute; z-index: 9999; top: 50px; left: -260px; padding: 20px 0 25px 0; background: #eee; border: 1px solid #d2d2d2; display: none; }

.main-content > .item > li > span:nth-child(4) > .site-number:before { position: absolute; top: -8px; left: 87.5%; display: inline-block; content: ""; width: 14px; height: 14px; border-top: 1px solid #d2d2d2; border-left: 1px solid #d2d2d2; background: #eee; transform: rotate(45deg); }

.main-content > .item > li > span:nth-child(4) > .site-number.active { display: block; }

.main-content > .item > li > span:nth-child(4) > .site-number .active-color { color: #d7a561; }

.main-content > .item > li > span:nth-child(4) > .site-number > .site { float: left; width: 158px; border-right: 1px solid #d2d2d2; }

.main-content > .item > li > span:nth-child(4) > .site-number > .site li { white-space: nowrap; margin: 0 0 17px 0; }

.main-content > .item > li > span:nth-child(4) > .site-number > .number { margin: 0 0 0 160px; padding: 0 22px 0 22px; }

.main-content > .item > li > span:nth-child(4) > .site-number > .number li { white-space: nowrap; margin: 4.5px 0 10px 0; }

.main-content > .item > li > span:nth-child(4) > .site-number > .number li > span { display: inline-block; border: 1px solid #e5e5e5; background: #fff; }

.main-content > .item > li > span:nth-child(4) > .site-number > .number li > span > input { width: 50px; height: 26px; line-height: 26px; border: none; background: #fff; text-align: center; }

.main-content > .item > li > span:nth-child(4) > .site-number > .number li > span > a { display: inline-block; width: 20px; line-height: 26px; text-align: center; }

.main-content > .item > li > span:nth-child(4) > .site-number > .number li > span > a:first-child { border-right: 1px solid #e5e5e5; }

.main-content > .item > li > span:nth-child(4) > .site-number > .number li > span > a:last-child { border-left: 1px solid #e5e5e5; }

.main-content > .item > li > span:nth-child(4) > .site-number > .number li:first-child { margin: 0 0 10px 0; }

.main-content > .item > li > span:nth-child(4) > a > p:nth-child(2) { color: #a3a3a3; }

.main-content > .item > li > span:nth-child(4) > a:after { position: absolute; content: ""; top: 20px; right: -40px; display: inline-block; border-left: 9px solid transparent; border-right: 9px solid transparent; border-top: 9px solid #d7a561; }

.main-content > .item > li > .buy { display: inline-block; text-align: center; width: 168px; line-height: 40px; color: #fff; background: #d7a561; float: right; margin: 20px 0 0 0; border-radius: 4px; font-size: 18px; }

.disclaimer .content { background: #fff; margin: 86px auto 40px; width: 1036px; padding: 20px 86px 36px 78px; }

.disclaimer .content .user-menu { position: absolute; top: 646px; left: 50%; margin: 0 0 0 -600px; }

.disclaimer .content .user-menu > ul { margin: 0 0 0 -93px; width: 93px; }

.disclaimer .content .user-menu > ul li a { text-align: center; display: inline-block; width: 93px; height: 93px; background: #7c7c7c; margin: 0 0 7px; color: #fff; font-size: 17px; position: relative; }

.disclaimer .content .user-menu > ul li a.active { padding: 0 0 0 44px; margin: 0 0 7px -44px; background: #f9bb64; border-top-left-radius: 8px; border-bottom-left-radius: 8px; }

.disclaimer .content .user-menu > ul li a.active:after { position: absolute; top: 50%; left: 17px; content: ""; display: inline-block; width: 0; height: 0; margin: -15px 0 0; border-left: 12px solid #fff; border-bottom: 8px solid transparent; border-top: 8px solid transparent; }

.disclaimer .content .user-menu > ul li a:before { content: ""; display: block; margin: 20px auto 10px; }

.disclaimer .content .user-menu > ul li .ship-order:before { width: 30px; height: 30px; background: url(../img/userinfo-ship-order.png) no-repeat; }

.disclaimer .content .user-menu > ul li .shop-order:before { width: 32px; height: 32px; background: url(../img/userinfo-shop-order.png) no-repeat; }

.disclaimer .content .user-menu > ul li .person:before { width: 22px; height: 32px; background: url(../img/userinfo-person.png) no-repeat; }

.disclaimer .content .user-menu > ul li .setting:before { width: 32px; height: 32px; background: url(../img/userinfo-setting.png) no-repeat; }

.disclaimer .content > h3 { font-size: 16px; color: #d7a561; }

.disclaimer .content > p { font-size: 14px; color: #e4b06a; }

.ship-order .title { font-size: 30px; line-height: 40px; width: 1200px; margin: 37px auto 21px; color: #d7a561; }

.ship-order .content { background: #fff; margin: 0 auto 40px; width: 1036px; min-height: 400px; padding: 20px 86px 36px 78px; }

.ship-order .content .fake-icon { display: inline-block; width: 30px; height: 30px; line-height: 30px; background: #d6a663; font-size: 18px; color: #fff; vertical-align: middle; text-align: center; margin: 0 12px 0 10px; border-radius: 50%; }

.ship-order .content .fake-icon.back { background: #7c7c7c; }

.ship-order .content .detail { float: right; }

.ship-order .content .detail .ticket-type { margin: 0 50px 0 0; }

.ship-order .content .detail .price { margin: 0 30px 0 0; }

.ship-order .content .detail:last-child { margin: 0 10px 0 0; }

.ship-order .content:after { content: ""; display: block; clear: both; }

.ship-order .content .user-menu { position: absolute; top: 657px; left: 50%; margin: 0 0 0 -600px; }

.ship-order .content .user-menu > ul { margin: 0 0 0 -93px; width: 93px; }

.ship-order .content .user-menu > ul li a { text-align: center; display: inline-block; width: 93px; height: 93px; background: #7c7c7c; margin: 0 0 7px; color: #fff; font-size: 17px; position: relative; }

.ship-order .content .user-menu > ul li a.active { padding: 0 0 0 44px; margin: 0 0 7px -44px; background: #f9bb64; border-top-left-radius: 8px; border-bottom-left-radius: 8px; }

.ship-order .content .user-menu > ul li a.active:after { position: absolute; top: 50%; left: 17px; content: ""; display: inline-block; width: 0; height: 0; margin: -15px 0 0; border-left: 12px solid #fff; border-bottom: 8px solid transparent; border-top: 8px solid transparent; }

.ship-order .content .user-menu > ul li a:before { content: ""; display: block; margin: 20px auto 10px; }

.ship-order .content .user-menu > ul li .ship-order:before { width: 30px; height: 30px; background: url(../img/userinfo-ship-order.png) no-repeat; }

.ship-order .content .user-menu > ul li .shop-order:before { width: 32px; height: 32px; background: url(../img/userinfo-shop-order.png) no-repeat; }

.ship-order .content .user-menu > ul li .person:before { width: 22px; height: 32px; background: url(../img/userinfo-person.png) no-repeat; }

.ship-order .content .user-menu > ul li .setting:before { width: 32px; height: 32px; background: url(../img/userinfo-setting.png) no-repeat; }

.ship-order .content .order { background: #fff; border: 2px solid #e5e5e5; margin: 10px auto 10px; position: relative; color: #7c7c7c; }

.ship-order .content .order > p { position: absolute; top: 150px; left: -50px; }

.ship-order .content .order .order-number { height: 54px; line-height: 54px; border-bottom: 2px dashed #e6e6e6; background: #fff; font-size: 19px; padding: 0 10px; background: #e5e5e5; }

.ship-order .content .order .order-number .number { color: #7c7c7c; }

.ship-order .content .order .order-number .number b { font-size: 12px; }

.ship-order .content .order .order-number .info { float: right; }

.ship-order .content .order .order-number .info > span:first-child { display: inline-block; margin: 0 32px 0 0; }

.ship-order .content .order .order-number .info b { font-size: 12px; }

.ship-order .content .order .go { display: inline-block; width: 1035px; border-bottom: 1px solid #eaeaea; font-size: 14px; }

.ship-order .content .order .go .ticket { border-top: 1px solid #eaeaea; }

.ship-order .content .order .go .ticket:nth-child(1) { border-top: none; }

.ship-order .content .order .go .ticket .ticket-detail { height: 50px; line-height: 50px; }

.ship-order .content .order .go .ticket .ticket-detail:nth-child(2) { border-top: 1px dashed #eaeaea; }

.ship-order .content .order .pay { display: inline-block; width: 1035px; height: 58px; line-height: 58px; }

.ship-order .content .order .pay .pay-icon { display: inline-block; width: 32px; height: 32px; line-height: 32px; vertical-align: middle; text-align: center; margin: -6px 12px 0 10px; background: url(../img/userinfo-clock.png); }

.ship-order .content .order .pay .pay-time { font-size: 16px; color: #e04446; }

.ship-order .content .order .pay.payment-fail .pay-icon { display: none; }

.ship-order .content .order .pay.payment-fail .pay-time { display: none; }

.ship-order .content .order .pay.payment-fail .count > a { background: #d0d0d0; }

.ship-order .content .order .pay.cannel .pay-icon { display: none; }

.ship-order .content .order .pay.cannel .pay-time { display: none; }

.ship-order .content .order .pay.cannel .count > a { background: #7d7d7d; }

.ship-order .content .order .pay.no-pay .pay-icon { display: none; }

.ship-order .content .order .pay.no-pay .pay-time { display: none; }

.ship-order .content .order .pay.no-pay .count > a { background: #d7a561; }

.ship-order .content .order .pay .count { float: right; margin: 0 10px 0 0; }

.ship-order .content .order .pay .count > span { color: #d7a561; font-size: 18px; margin: 0 20px 0 0; }

.ship-order .content .order .pay .count > a { display: inline-block; line-height: 28px; background: red; height: 28px; padding: 0 10px; font-size: 18px; color: #fff; text-align: center; border-radius: 4px; }

.ship-order .content .order .pay .count > a.delete { background: #adadad; }

.userdetail .content { background: #fff; margin: 86px auto 40px; width: 1036px; padding: 20px 86px 36px 78px; }

.userdetail .content .user-menu { position: absolute; top: 645px; left: 50%; margin: 0 0 0 -600px; }

.userdetail .content .user-menu > ul { margin: 0 0 0 -93px; width: 93px; }

.userdetail .content .user-menu > ul li a { text-align: center; display: inline-block; width: 93px; height: 93px; background: #7c7c7c; margin: 0 0 7px; color: #fff; font-size: 16px; position: relative; }

.userdetail .content .user-menu > ul li a.active { padding: 0 0 0 44px; margin: 0 0 7px -44px; background: #f9bb64; border-top-left-radius: 8px; border-bottom-left-radius: 8px; }

.userdetail .content .user-menu > ul li a.active:after { position: absolute; top: 50%; left: 17px; content: ""; display: inline-block; width: 0; height: 0; margin: -15px 0 0; border-left: 12px solid #fff; border-bottom: 8px solid transparent; border-top: 8px solid transparent; }

.userdetail .content .user-menu > ul li a:before { content: ""; display: block; margin: 20px auto 10px; }

.userdetail .content .user-menu > ul li .ship-order:before { width: 30px; height: 30px; background: url(../img/userinfo-ship-order.png) no-repeat; }

.userdetail .content .user-menu > ul li .shop-order:before { width: 32px; height: 32px; background: url(../img/userinfo-shop-order.png) no-repeat; }

.userdetail .content .user-menu > ul li .person:before { width: 22px; height: 32px; background: url(../img/userinfo-person.png) no-repeat; }

.userdetail .content .user-menu > ul li .setting:before { width: 32px; height: 32px; background: url(../img/userinfo-setting.png) no-repeat; }

.userdetail .content .edit { float: right; font-size: 16px; color: #d6a663; }

.userdetail .content .edit.address { margin: 0 20px 0 0; }

.userdetail .content .information { float: left; height: 476px; width: 1036px; margin: 14px auto 29px; background: #fff; border: 1px solid #eaeaea; }

.userdetail .content .information .usericon { float: left; margin: 42px 0 36px 0; width: 326px; height: 406px; border-right: 1px solid #eaeaea; text-align: center; }

.userdetail .content .information .usericon .icon { line-height: 137px; width: 137px; height: 137px; display: block; margin: 0 auto; background: url(../img/user-icon.png) #f9bb64 no-repeat center; }

.userdetail .content .information .usericon .username { display: block; font-size: 14px; color: #353535; margin: 14px 0 0 0; }

.userdetail .content .information .usericon .integral { display: block; font-size: 12px; color: #343434; margin: 24px 0 0 0; }

.userdetail .content .information .usericon > span { font-size: 16px; color: #343434; }

.userdetail .content .information .detail { width: 618px; height: 470px; margin: 0 0 0 344px; padding: 36px; text-align: center; vertical-align: middle; }

.userdetail .content .information .detail > ul { display: inline-block; position: relative; }

.userdetail .content .information .detail > ul .userinfo-userdetail-alert { display: none; position: fixed; z-index: 9999; top: 0; left: 0; right: 0; bottom: 0; }

.userdetail .content .information .detail > ul .userinfo-userdetail-alert > .alert { border-radius: 3px; width: 340px; margin: 20% auto 0; text-align: center; border: 1px solid #C0C0C0; }

.userdetail .content .information .detail > ul .userinfo-userdetail-alert > .alert .title { background: #e4b06a; color: #fff; line-height: 40px; font-size: 20px; }

.userdetail .content .information .detail > ul .userinfo-userdetail-alert > .alert .setcolor { background: #fff; }

.userdetail .content .information .detail > ul .userinfo-userdetail-alert > .alert .setcolor p { font-size: 14px; }

.userdetail .content .information .detail > ul .userinfo-userdetail-alert > .alert .setcolor .one { padding: 40px 50px; }

.userdetail .content .information .detail > ul .userinfo-userdetail-alert > .alert .close-alert { display: inline-block; background: #fff; width: 340px; height: 40px; line-height: 40px; font-size: 18px; color: #fff; background: #e4b06a; }

.userdetail .content .information .detail > ul > li { font-size: 14px; margin: 10px 0 0 0; }

.userdetail .content .information .detail > ul > li:before { content: "*"; color: red; font-size: 14px; vertical-align: middle; margin: 0 10px 0 0; vertical-align: -12%; }

.userdetail .content .information .detail > ul > li input { display: inline-block; width: 30%; height: 34px; padding: 0 10px; font-size: 14px; background: #fff; }

.userdetail .content .information .detail > ul > li input.name { width: 55%; margin: 0 6% 0 33px; }

.userdetail .content .information .detail > ul .sex { text-align: left; font-size: 14px; margin: 10px 0 0 62px; }

.userdetail .content .information .detail > ul .sex:before { content: ""; }

.userdetail .content .information .detail > ul .sex > input { display: inline-block; width: 16px; height: 16px; margin: 0 2px 0 28px; }

.userdetail .content .information .detail > ul .date { font-size: 14px; text-align: left; margin: 10px 0 0 57px; }

.userdetail .content .information .detail > ul .date:before { content: ""; }

.userdetail .content .information .detail > ul .date > span { margin: 0 24px 0 11px; }

.userdetail .content .information .detail > ul .date input { width: 48px; height: 34px; }

.userdetail .content .information .detail > ul .date .year { width: 60%; height: 34px; margin: 0 0 0 8px; }

.userdetail .content .information .detail > ul .explain { text-align: left; margin: 10px 0 0 82px; font-size: 14px; color: #f9bb64; }

.userdetail .content .information .detail > ul .explain:before { content: ""; }

.userdetail .content .information .detail > ul .agree { position: relative; text-align: left; margin: 0 0 0 77px; font-size: 14px; color: #f9bb64; }

.userdetail .content .information .detail > ul .agree:before { content: ""; }

.userdetail .content .information .detail > ul .agree input[type=checkbox] { display: none; }

.userdetail .content .information .detail > ul .agree input[type=checkbox] + label { position: absolute; left: -15px; top: 1px; border: 1px solid #f9bc66; width: 15px; height: 15px; border-radius: 50%; display: inline-block; }

.userdetail .content .information .detail > ul .agree input[type=checkbox] + label:before { display: inline-block; content: ""; width: 11px; height: 11px; margin: 2px 2px 1px 2px; border-radius: 50%; }

.userdetail .content .information .detail > ul .agree input[type=checkbox]:checked + label:before { background: #f9bc66; }

.userdetail .content .information .detail > ul .save { text-align: left; margin: 30px 0 0 54px; }

.userdetail .content .information .detail > ul .save:before { content: ""; }

.userdetail .content .information .detail > ul .save > a { display: inline-block; text-align: center; width: 140px; height: 48px; line-height: 48px; background: #f9bb64; color: #fff; }

.userdetail .content .userinfo-edit-password { display: none; height: 350px; width: 600px; border: 1px solid #eaeaea; }

.userdetail .content .userinfo-edit-password input { display: inline-block; width: 30%; height: 34px; padding: 0 10px; font-size: 14px; background: #fff; margin: 10px 7px 10px 20px; }

.userdetail .content .userinfo-edit-password > h3 { height: 30px; margin: 10px 0 10px 0; font-size: 18px; color: #d7a561; }

.userdetail .content .userinfo-edit-password > .input { font-size: 14px; }

.userdetail .content .userinfo-edit-password > .input:before { content: "*"; width: 10px; height: 10px; display: inline-block; color: red; vertical-align: -12%; }

.userdetail .content .userinfo-edit-password > .same { color: red; }

.userdetail .content .userinfo-edit-password .eidt-action { display: inline-block; padding: 0 30px; font-size: 18px; height: 40px; line-height: 40px; background: #d7a561; margin: 30px 10px 0 0; color: #fff; }

.userdetail .content .userinfo-edit-password .cannel-action { padding: 0 30px; display: inline-block; font-size: 18px; height: 40px; line-height: 40px; background: #d7a561; margin: 30px 10px 0 0; color: #fff; }

.userdetail .content .userinfo-edit-address { display: none; height: 350px; width: 600px; border: 1px solid #eaeaea; }

.userdetail .content .userinfo-edit-address input { display: inline-block; width: 30%; height: 34px; padding: 0 10px; font-size: 14px; background: #fff; margin: 10px 7px 10px 20px; }

.userdetail .content .userinfo-edit-address > h3 { height: 30px; margin: 10px 0 10px 0; font-size: 18px; color: #d7a561; }

.userdetail .content .userinfo-edit-address > .input { font-size: 14px; }

.userdetail .content .userinfo-edit-address > .input:before { content: "*"; width: 10px; height: 10px; display: inline-block; color: red; vertical-align: -12%; }

.userdetail .content .userinfo-edit-address > .same { color: red; }

.userdetail .content .userinfo-edit-address .eidt-action { padding: 0 30px; display: inline-block; font-size: 18px; height: 40px; line-height: 40px; background: #d7a561; margin: 30px 10px 0 0; color: #fff; }

.userdetail .content .userinfo-edit-address .cannel-action { padding: 0 30px; display: inline-block; font-size: 18px; height: 40px; line-height: 40px; background: #d7a561; margin: 30px 10px 0 0; color: #fff; }

.error .error-content { background: #fff; margin: 10px auto 10px; width: 1200px; height: 700px; line-height: 700px; text-align: center; }

.error .error-content > .error-title { font-size: 50px; height: 100px; line-height: 100px; }

.error .error-content > .error-text { font-size: 40px; height: 100px; line-height: 100px; }

.shopping-cart-banner { height: 435px; background: url(../img/ship-banner.jpg) #d7a561 no-repeat center; }

.cart-ship-order .title { font-size: 30px; line-height: 40px; width: 1200px; margin: 37px auto 0px; }

.cart-ship-order .title > a { display: inline-block; color: #c8c8c8; }

.cart-ship-order .title > a.active { color: #d7a561; border-bottom: 5px solid #d7a561; }

.cart-ship-order .title > a.active:first-child:before { background: url(../img/title-ship-hl.png) no-repeat center; }

.cart-ship-order .title > a.active:last-child:before { background: url(../img/title-shop-hl.png) no-repeat center; }

.cart-ship-order .title > a:first-child { padding: 10px 10px 5px 10px; }

.cart-ship-order .title > a:first-child:before { content: ""; width: 30px; height: 30px; display: inline-block; background: url(../img/title-ship.png) no-repeat center; margin: 0 13px 0 10px; }

.cart-ship-order .title > a:last-child { padding: 10px 10px 5px 10px; }

.cart-ship-order .title > a:last-child:before { content: ""; width: 30px; height: 30px; display: inline-block; background: url(../img/title-shop.png) no-repeat center; margin: 0 10px 0 18px; }

.cart-ship-order .order-go-trip { margin: 10px 10px 10px 10px; height: 128px; border: 1px solid #eaeaea; }

.cart-ship-order .order-go-trip.double { height: 246px; }

.cart-ship-order .order-go-trip.double .order-go-detail { height: 246px; }

.cart-ship-order .order-go-trip.double .site-type { height: 100%; text-align: center; display: table; }

.cart-ship-order .order-go-trip.double .site-type div { display: table-cell; vertical-align: middle; }

.cart-ship-order .order-go-trip.double .site-type div span { display: block; font-size: 12px; color: #585858; line-height: 20px; }

.cart-ship-order .order-go-trip.double .order-count { height: 246px; }

.cart-ship-order .order-go-trip.double .order-count .count { margin: 81px auto 0; }

.cart-ship-order .order-go-trip:hover { background: #fef5e8; }

.cart-ship-order .order-go-trip:hover .order-count { background: #e8dfd2; }

.cart-ship-order .order-go-trip > .order-go-detail { display: inline-block; height: 128px; }

.cart-ship-order .order-go-trip > .order-go-detail .order-start-time { display: block; margin: 20px 0 0 16px; color: #a9a9a9; font-size: 14px; }

.cart-ship-order .order-go-trip > .order-go-detail .go-trip-text { display: inline-block; font-size: 14px; color: #343434; margin: 10px 0 10px 16px; }

.cart-ship-order .order-go-trip > .order-go-detail .back-trip-text { display: inline-block; font-size: 14px; color: #343434; }

.cart-ship-order .order-go-trip > .order-go-detail > b { display: inline-block; text-indent: -9999px; background: url(../img/userinfo-arrow.png) no-repeat; width: 38px; height: 20px; line-height: 20px; vertical-align: middle; margin: 10px 14px 0 14px; }

.cart-ship-order .order-go-trip > .site-type { float: right; height: 128px; line-height: 128px; text-align: right; vertical-align: middle; }

.cart-ship-order .order-go-trip > .person-type { float: right; width: 180px; height: 100%; text-align: center; display: table; }

.cart-ship-order .order-go-trip > .person-type > div { display: table-cell; vertical-align: middle; }

.cart-ship-order .order-go-trip > .person-type > div > span { display: block; font-size: 12px; color: #585858; line-height: 20px; }

.cart-ship-order .order-go-trip > .person-type > div > span > b { color: #a0a0a0; text-decoration: line-through; margin: 0 0 0 5px; }

.cart-ship-order .order-go-trip > .order-count { float: right; background: #e5e5e5; height: 128px; width: 134px; text-align: center; border-left: 1px dashed #bdbdbd; }

.cart-ship-order .order-go-trip > .order-count > .count { display: inline-block; font-size: 14px; color: #2e2e2e; margin: 26px auto 0; }

.cart-ship-order .order-go-trip > .order-count .mail-cost { display: block; color: #a0a0a0; margin: 10px auto 0; }

.cart-ship-order .order-go-trip > .order-count > span { display: inline-block; font-size: 14px; color: #2e2e2e; margin: 8px 0 0 0; }

.cart-ship-order .content { background: #fff; margin: 0 auto 40px; width: 1036px; min-height: 400px; padding: 20px 86px 36px 78px; }

.cart-ship-order .content .ship-order-tag { display: block; margin: 0 0 0 16px; font-size: 16px; color: #fac175; }

.cart-ship-order .content .ship-order-tag:before { content: ""; background: url(../img/ship-order-tag.png) no-repeat; width: 18px; height: 18px; display: inline-block; margin: 0 5px 0 0; vertical-align: middle; }

.cart-ship-order .content .ship-order-tag span { font-size: 14px; color: #a9a9a9; padding: 0 0 0 15px; }

.cart-ship-order .content .ship-order-tag span b { text-decoration: line-through; color: #d9d9d9; margin-left: 10px; }

.cart-ship-order .content:after { content: ""; display: block; clear: both; }

.cart-ship-order .content .single-order { background: #fff; border: 2px solid #e5e5e5; margin: 10px auto 0; position: relative; color: #7c7c7c; border-radius: 3px; }

.cart-ship-order .content .single-order.overdue { background: #eaeaea; }

.cart-ship-order .content .single-order.overdue > .order-tag { position: absolute; top: 65px; left: -60px; }

.cart-ship-order .content .single-order.overdue > .order-go-trip { border: 1px solid #cdcdcd; }

.cart-ship-order .content .single-order > .order-tag { position: absolute; top: 40px; left: -70px; }

.cart-ship-order .content .single-order > .order-tag .single-ship-label { position: absolute; top: 22px; left: 22px; border: 2px solid #eaeaea; }

.cart-ship-order .content .double-order { background: #fff; border: 2px solid #e5e5e5; margin: 10px auto 0; position: relative; color: #7c7c7c; border-radius: 3px; }

.cart-ship-order .content .double-order.overdue { background: #eaeaea; }

.cart-ship-order .content .double-order.overdue > .order-tag { position: absolute; top: 125px; left: -60px; }

.cart-ship-order .content .double-order.overdue > .order-go-trip { border: 1px solid #cdcdcd; }

.cart-ship-order .content .double-order > .order-tag { position: absolute; top: 40px; left: -70px; }

.cart-ship-order .content .double-order > .order-tag .double-ship-label { position: absolute; top: 92px; left: 22px; border: 2px solid #eaeaea; }

.cart-ship-order .pay-content { height: 114px; width: 1200px; margin: 0 auto; background: #fff; }

.cart-ship-order .pay-content:before { content: ""; display: block; clear: both; }

.cart-ship-order .pay-content .pay-select { float: left; hight: 114px; line-height: 114px; }

.cart-ship-order .pay-content .pay-select .select-all-label { color: #d7a561; font-size: 20px; margin: 0 40px 0 0; }

.cart-ship-order .pay-content .pay-select > a { font-size: 20px; color: #d7a561; margin: 0 40px 0 0; }

.cart-ship-order .pay-content .pay-select .pay-bottom-label { margin: 0 22px  0 40px; }

.cart-ship-order .pay-content .pay-action { float: right; width: 246px; height: 114px; background: #f9bb64; text-align: center; }

.cart-ship-order .pay-content .pay-action > span { color: #fff; }

.cart-ship-order .pay-content .pay-action > span:first-child { display: inline-block; font-size: 30px; width: 246px; margin: 15px auto 0; }

.cart-ship-order .pay-content .pay-action > span:last-child { display: inline-block; font-size: 14px; width: 210px; }

.cart-ship-order .pay-content .price { float: right; height: 114px; margin: 0 20px 0 0; }

.cart-ship-order .pay-content .price > span { display: inline-block; font-size: 16px; color: #7c7c7c; margin: 20px auto 10px; }

.cart-ship-order .pay-content .price > span:last-child { font-size: 20px; width: 300px; color: #d7a561; }

.cart-ship-order .pay-content .price > b { font-size: 18px; color: #d7a561; margin: 0 30px 0 0; }

.cart-ship-order .pay-content .price .agreement { margin: 0 0 0 -25px; }

.cart-ship-order .pay-content .price .agreement > label { font-size: 16px; color: #d7a561; vertical-align: middle; }

.cart-ship-order .pay-content .price .agreement > label > a > b { color: #d7a561; }

.cart-ship-order .shop-pay-content { line-height: 100px; background: #fff; width: 1200px; margin: 0 auto; }

.cart-ship-order .shop-pay-content:after { content: ""; display: block; clear: both; }

.cart-ship-order .shop-pay-content .pay-select { float: left; hight: 100px; }

.cart-ship-order .shop-pay-content .pay-select .select-all-label { color: #d7a561; font-size: 20px; margin: 0 40px 0 0; }

.cart-ship-order .shop-pay-content .pay-select > a { font-size: 20px; color: #d7a561; margin: 0 40px 0 0; }

.cart-ship-order .shop-pay-content .pay-select .pay-bottom-label { margin: 0 22px  0 40px; }

.cart-ship-order .shop-pay-content > span { float: right; font-size: 18px; color: #7e7e7e; margin: 0 20px 0 0; }

.cart-ship-order .shop-pay-content > span > b { color: #d7a561; }

.cart-ship-order .shop-pay-content .pay-action { display: block; float: right; padding: 0 50px; background: #d7a561; color: #fff; font-size: 20px; }

.cart-ship-order .add-content { width: 1200px; margin: 0 auto; }

.cart-ship-order .add-content .add-select:after { content: ""; display: block; clear: both; }

.cart-ship-order .add-content .add-select > h3 { float: left; display: inline-block; border-left: 0.013333rem solid #eaeaea; }

.cart-ship-order .add-content .add-select > h3 > a { padding: 5px; display: block; color: #aaa; font-size: 18px; border-bottom: 5px solid #eaeaea; }

.cart-ship-order .add-content .add-select > h3 > a.active { color: #d7a561; border-bottom: 5px solid #d7a561; }

.cart-ship-order .add-content .add-detail { padding: 20px 50px; background: #fff; margin: 0 0 20px 0; }

.cart-ship-order .add-content .add-detail .userinfo > span { font-size: 14px; margin: 0 20px 0 0; }

.cart-ship-order .add-content .add-detail .userinfo > a { font-size: 14px; color: #d7a561; }

.cart-ship-order .add-content .add-detail .self-go { display: none; }

.cart-ship-order .add-content .add-detail .self-go > span { font-size: 14px; margin: 0 20px 0 0; }

.cart-ship-order .add-content .add-detail .self-go .port { width: 300px; height: 34px; display: inline-block; padding: 0 15px 0 0; background: #efefef; color: #7c7c7c; }

.cart-ship-order .add-content .add-detail .self-go .port > span { margin: 0 0 0 10px; color: #dbdbdb; }

.cart-ship-order .add-content .add-detail .self-go .select { display: inline-block; width: 300px; position: relative; vertical-align: middle; text-align: center; }

.cart-ship-order .add-content .add-detail .self-go .select a { color: #7c7c7c; cursor: pointer; }

.cart-ship-order .add-content .add-detail .self-go .select dt { cursor: pointer; font-size: 12px; color: #7c7c7c; padding: 0 0 0 16px; height: 34px; line-height: 34px; overflow: hidden; width: 300px; }

.cart-ship-order .add-content .add-detail .self-go .select dt:after { position: absolute; content: ""; top: 50%; right: 0; margin: -4px 0 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 7px solid #58656e; }

.cart-ship-order .add-content .add-detail .self-go .select dd { display: none; position: absolute; left: 0; top: 34px; z-index: 1; background: #fff; border: 1px solid #BCBBBC; width: 312px; max-height: 130px; overflow: auto; }

.cart-ship-order .add-content .add-detail .self-go .select dd p { line-height: 25px; cursor: pointer; padding-left: 10px; font-size: 12px; color: #7c7c7c; }

.shopping-cart-alert { display: none; position: fixed; z-index: 999; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); }

.shopping-cart-alert .alert-frame { position: absolute; top: 50%; transform: translateY(-50%); overflow: hidden; border: 2px solid #e5e5e5; text-align: center; width: 666px; background: #fff; margin: 0 auto; padding: 0 0 15px; position: relative; }

.shopping-cart-alert .alert-frame .alert-title { height: 50px; line-height: 50px; background: #d7a651; vertical-align: middle; color: #fff; font-size: 16px; }

.shopping-cart-alert .alert-frame .alert-title > span { display: inline-block; width: 330px; }

.shopping-cart-alert .alert-frame .alert-title > span:last-child { border-left: 2px solid #e5e5e5; }

.shopping-cart-alert .alert-frame .alert-title > span:last-child > a { font-size: 20px; float: right; margin: 0 20px 0 0; color: #fff; }

.shopping-cart-alert .alert-frame .alert-content { float: left; width: 50%; padding: 30px 0 0 0; margin-right: -1px; }

.shopping-cart-alert .alert-frame .alert-content + .alert-content { position: relative; }

.shopping-cart-alert .alert-frame .alert-content + .alert-content:after { content: ''; position: absolute; top: 0; left: 0; bottom: -15px; border-left: 2px solid #e5e5e5; }

.shopping-cart-alert .alert-frame .alert-content.no-vip { margin-right: -2px; }

.shopping-cart-alert .alert-frame .alert-content > input { display: inline-block; width: 292px; border: none; line-height: 48px; height: 48px; padding: 0 10px; font-size: 14px; background: #efefef; }

.shopping-cart-alert .alert-frame .alert-content > .surname-input { margin: 10px 0 0; }

.shopping-cart-alert .alert-frame .alert-content > .surname-input > input { display: inline-block; width: 135px; border: none; line-height: 48px; height: 48px; padding: 0 10px; font-size: 14px; background: #efefef; }

.shopping-cart-alert .alert-frame .alert-content > .pwd-input { margin: 10px 0 0 0; }

.shopping-cart-alert .alert-frame .alert-content > .name-input { margin: 10px 0 0 0; }

.shopping-cart-alert .alert-frame .alert-content > .forget-pwd { display: block; text-align: right; margin: 5px 15px 0 0; color: #d7a651; font-size: 14px; }

.shopping-cart-alert .alert-frame .alert-content > .login-action { display: inline-block; width: 150px; height: 40px; line-height: 40px; background: #d7a561; text-align: center; color: #fff; font-size: 14px; position: absolute; bottom: 15px; left: 15px; }

.shopping-cart-alert .alert-frame .alert-content > .register-action { display: inline-block; width: 150px; height: 40px; line-height: 40px; background: #d7a561; text-align: center; color: #fff; font-size: 14px; margin: 10px 0 0 10px; position: absolute; bottom: 15px; }

.shopping-cart-alert .alert-frame .alert-content > .sure-action { text-align: center; display: inline-block; width: 312px; height: 40px; line-height: 40px; background: #d7a561; text-align: center; color: #fff; font-size: 14px; margin: 35px 0 0 0; }

.sitemap { padding: 0 0 30px 0; background: #fff; }

.sitemap .company-logo { height: 100px; width: 1200px; margin: 0 auto; }

.sitemap .company-logo > span { display: inline-block; height: 100px; line-height: 100px; background: #fff; width: 1200px; font-size: 36px; }

.sitemap .company-logo > span:before { content: ""; display: inline-block; width: 79px; height: 51px; background: url(../img/logo.png) no-repeat center; vertical-align: middle; margin: 0 10px 0 20px; }

.sitemap .sitemap-content { width: 1200px; margin: 0 auto; border: 1px solid #c0c0c0; }

.sitemap .sitemap-content > h3 { height: 50px; line-height: 50px; font-size: 20px; padding: 0 0 0 15px; border-bottom: 1px solid #c0c0c0; }

.sitemap .sitemap-content > h3 > a:hover { color: #d7a561; }

.sitemap .sitemap-content .column { padding: 10px; }

.sitemap .sitemap-content .column .column-level-1 > a { height: 40px; line-height: 40px; display: inline-block; font-size: 18px; }

.sitemap .sitemap-content .column .column-level-1 > a:hover { color: #d7a561; }

.sitemap .sitemap-content .column .column-level-1 > a:before { content: "|"; font-size: 18px; width: 20px; display: inline-block; color: #d7a561; }

.sitemap .sitemap-content .column .column-level-2 > a { display: inline-block; font-size: 15px; margin: 0 0 0 20px; }

.sitemap .sitemap-content .column .column-level-2 > a:hover { color: #d7a561; }

.select-site-alert-bg { display: none; position: fixed; z-index: 999; left: 0; top: 0; width: 100%; background: #999; margin: 0 auto; }

.select-site-alert-bg .select-site-alert { position: relative; padding: 35px 0 64px 55px; width: 1125px; margin: 20px auto; background: #fff; min-height: 400px; }

.select-site-alert-bg .select-site-alert .close-select { position: absolute; top: -25px; right: 20px; width: 20px; height: 20px; background: url(../img/close-select.png) no-repeat center; border-radius: 50%; }

.select-site-alert-bg .select-site-alert .site-detail { width: 650px; min-height: 400px; border-right: 1px solid #c0c0c0; }

.select-site-alert-bg .select-site-alert .site-detail .site-title { margin: 0 0 40px 0; }

.select-site-alert-bg .select-site-alert .site-detail .site-title > span { display: inline-block; margin: 10px 0 0 30px; font-size: 16px; }

.select-site-alert-bg .select-site-alert .site-detail .site-title > span > b { vertical-align: middle; }

.select-site-alert-bg .select-site-alert .site-detail .site-title > span.selected { color: #d7a561; }

.select-site-alert-bg .select-site-alert .site-detail .site-title .select-type:after { content: ""; display: inline-block; background: url(../img/site.png) no-repeat center; width: 20px; height: 20px; vertical-align: middle; margin: 0 0 0 5px; }

.select-site-alert-bg .select-site-alert .site-detail .site-title .select-type.sold:after { background: url(../img/site-red.png) no-repeat center; }

.select-site-alert-bg .select-site-alert .site-detail .site-title .select-type.select:after { background: url(../img/site-green.png) no-repeat center; }

.select-site-alert-bg .select-site-alert .site-type { margin: 0 0 0 0; }

.select-site-alert-bg .select-site-alert .site-type > li { font-size: 15px; color: #aeaeae; display: inline-block; margin: 0 5px 0 0; width: 20px; height: 20px; vertical-align: middle; text-align: center; }

.select-site-alert-bg .select-site-alert .site-type > li > a { display: inline-block; width: 20px; height: 20px; background: url(../img/site.png) no-repeat center; }

.select-site-alert-bg .select-site-alert .site-type > li > a.sold { background: url(../img/site-red.png) no-repeat center; }

.select-site-alert-bg .select-site-alert .site-type > li > a.select { background: url(../img/site-green.png) no-repeat center; }

.select-site-alert-bg .select-site-alert .site-ticket-detail { position: absolute; top: 35px; right: 0; width: 450px; height: 550px; }

.select-site-alert-bg .select-site-alert .site-ticket-detail .ticket-date { display: block; margin: 30px 0 0 0; }

.select-site-alert-bg .select-site-alert .site-ticket-detail > span { font-size: 14px; color: #333; display: block; margin: 10px 0 0 0; }

.select-site-alert-bg .select-site-alert .site-ticket-detail > span.select { color: #d7a561; }

.select-site-alert-bg .select-site-alert .number-scroll { height: 250px; overflow: scroll; overflow-x: hidden; }

.select-site-alert-bg .select-site-alert .number-scroll .site-number { margin: 10px 0 0 0; }

.select-site-alert-bg .select-site-alert .number-scroll .site-number > span { display: inline-block; font-size: 14px; }

.select-site-alert-bg .select-site-alert .number-scroll .site-number > span:first-child { width: 80px; height: 30px; line-height: 30px; background: #d7a561; color: #fff; text-align: center; margin: 0 10px 0 0; border-radius: 3px; }

.select-site-alert-bg .select-site-alert .number-scroll .site-number > a { display: inline-block; font-size: 14px; color: #c0c0c0; margin: 0 0 0 10px; }

.select-site-alert-bg .select-site-alert .site-sure-action { display: inline-block; position: absolute; bottom: 100px; left: 150px; font-size: 20px; color: #fff; background: #d7a561; width: 150px; height: 40px; line-height: 40px; text-align: center; border-radius: 3px; }

.loading-alert { text-align: center; padding: 150px 0 150px 0; }

.loading-alert > p { font-size: 14px; }

.date-st { text-align: center; line-height: 48px; width: 450px; margin: 0 auto; }

.date-st .date-item { font-size: 14px; }

.date-st > input { padding: 0 0 0 20px; width: 120px; cursor: pointer; vertical-align: middle; display: inline-block; line-height: 26px; margin: 0 0 7px 0; background: url(../img/date.png) no-repeat 100px center; }

.date-st .check { float: right; display: inline-block; line-height: 20px; height: 20px; border-radius: 3px; padding: 5px 10px 5px 10px; border: 1px solid #dbdbdb; margin: 6px 35px 0px 0; }

#tbVoyage { padding: 0 40px; width: 100%; border: solid 1px black; text-align: center; }

#tbVoyage > tbody > .item-st { background-color: #e4b26a; color: #fff; }

#tbVoyage > tbody > .item-st > td { border: solid 1px black; width: 15%; height: 30px; }

#tbVoyage > tbody .center-st { background-color: #fff; }

#tbVoyage > tbody .center-st .sail-line { border-bottom: 1px solid black; border-right: 1px solid black; }

#tbVoyage > tbody .center-st .part-st { border-bottom: solid 1px black; border-top: none; width: 25%; }

#tbVoyage > tbody .center-st .depart-detail-st { border-left: 1px solid black; border-bottom: 1px solid black; border-right: 1px solid black; }

#tbVoyage > tbody .center-st .depart-detail-st .content-table { width: 100%; text-align: center; }

#tbVoyage > tbody .center-st .depart-detail-st .content-table > tbody > tr:last-child > td { border-bottom: none; }

#tbVoyage > tbody .center-st .depart-detail-st .content-table > tbody > tr > td { width: 25%; height: 30px; border-bottom: solid 1px black; }

#tbVoyage > tbody .line-st { background-color: #fff; }

#tbVoyage > tbody .line-st > td > table > tbody > tr td { width: 20%; }

#tbVoyage > tbody .line-st > th { padding: 10px 0; text-align: center; }

#tbVoyage > tbody .line-st .last-table-st { line-height: 20px; }

#tbVoyage > tbody .line-st .last-table-st > tbody > td { width: 25%; text-align: center; height: 30px; }

#tbVoyage > tbody .line-st .last-table-st > tbody > .seat-type { width: 20%; }

.bg-shadow-sca { display: none; position: fixed; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); text-align: center; z-index: 88; }

.bg-shadow-sca > .alert { margin: 20px auto 0 auto; width: 800px; }

.bg-shadow-sca > .alert:after { content: ""; clear: both; display: block; }

.bg-shadow-sca > .alert > h3 { font-size: 16px; line-height: 48px; text-align: center; color: #fff; background: #d7a561; }

.bg-shadow-sca > .alert > .tip { padding: 20px 0 0 0; display: inline-block; background: #efefef; width: 40%; height: 508px; }

.bg-shadow-sca > .alert > .tip > h2 { line-height: 32px; font-size: 16px; }

.bg-shadow-sca > .alert > .tip > p { margin: 30px 0 0 0; padding: 0 20px; line-height: 1.5; font-size: 14px; text-align: left; word-break: break-all; }

.bg-shadow-sca > .alert > .line-search { background: #fff; float: right; width: 60%; padding: 0 0 20px 0; }

.bg-shadow-sca > .alert > .line-search > .search > dt > input { font-size: 14px; text-align: center; line-height: 32px; height: 32px; width: 70%; margin: 30px 0 20px 0; }

.bg-shadow-sca > .alert > .line-search > .search > dd { height: 420px; overflow-y: scroll; }

.bg-shadow-sca > .alert > .line-search > .search > dd > p { margin: 0 20px; text-align: center; line-height: 32px; font-size: 14px; }

.bg-shadow-sca > .alert > .line-search > .search > dd > p:hover { cursor: pointer; background: #dbdbdb; color: #d7a561; }

.ticket-info-bg { width: 1200px; margin: 0 auto; }

.ticket-info-bg .ticket-info { padding: 100px; min-height: 600px; }

.ticket-info-bg .ticket-info > h3 { color: #d7a561; font-size: 24px; margin: 0 0 20px 0; }

.ticket-info-bg .ticket-info > h4 { color: #d7a561; font-size: 14px; margin: 20px 0 0 0; }

.ticket-info-bg .ticket-info > p { font-size: 14px; }

.shop-order { border: 1px solid #ebebeb; margin: 0 0 10px 0; position: relative; }

.shop-order.payed .good-bg .shop-count > a { display: block; margin: 15px 0 0 0; }

.shop-order.no-pay .good-bg .shop-count > a { display: block; padding: 5px; text-align: center; color: #fff; border-radius: 2px; background: red; margin: 5px 0 0 0; }

.shop-order.no-pay .good-count > div > a { display: inline-block; background: red; }

.shop-order.no-pay .good-count > div > a.delete { background: #adadad; }

.shop-order.wait-send .good-bg .shop-count > a { display: block; padding: 5px; text-align: center; color: #fff; border-radius: 2px; background: #d7a561; margin: 5px 0 0 0; }

.shop-order.wait-send .good-count > div > a { display: inline-block; background: #d7a561; }

.shop-order.wait-send .good-count > div > a.delete { background: #adadad; }

.shop-order.received .good-bg .shop-count > a { display: block; padding: 5px; text-align: center; color: #fff; border-radius: 2px; background: #aaa; margin: 5px 0 0 0; }

.shop-order.received .good-count > div > a { display: inline-block; background: #ededed; }

.shop-order.received .good-count > div > a.delete { background: #adadad; }

.shop-order .date { line-height: 58px; border-bottom: 1px solid #ebebeb; }

.shop-order .date > span:nth-child(1) { font-size: 14px; color: #7b7b7b; }

.shop-order .date > span:nth-child(1):before { display: inline-block; content: ""; width: 20px; height: 20px; background: url(../img/order-number.png) no-repeat center; background-size: contain; margin: 0 10px 0 10px; vertical-align: -3px; }

.shop-order .date > span:nth-child(2) { font-size: 14px; color: #7b7b7b; }

.shop-order .date > span:nth-child(2):before { display: inline-block; content: ""; width: 20px; height: 20px; background: url(../img/shop-clock.png) no-repeat center; margin: 0 10px 0 50px; vertical-align: -3px; }

.shop-order .date > span:last-child { float: right; font-size: 18px; color: #d7a561; }

.shop-order .date > span:last-child > b { font-size: 16px; color: #7b7b7b; margin: 0 10px 0 0; }

.shop-order .order-tag { position: absolute; top: 40%; left: -50px; color: #aaa; }

.shop-order .good-bg { padding: 10px 0; font-size: 14px; color: #373737; }

.shop-order .good-bg:after { content: ""; display: block; clear: both; }

.shop-order .good-bg > a > img { float: left; width: 104px; height: 104px; margin: 0 0 0 10px; }

.shop-order .good-bg .good-name { float: left; margin: 0 0 0 10px; width: 400px; padding: 5px 0 0 0; }

.shop-order .good-bg .good-name > span { display: inline-block; height: 42px; overflow: hidden; }

.shop-order .good-bg .good-name > p { margin: 5px 0 0 0; color: #a9a9a9; text-align: justify; }

.shop-order .good-bg .good-name > p > label { background: #d7a561; color: #fff; padding: 4px; border-radius: 5px; margin: 0 5px 0 0; }

.shop-order .good-bg .good-name > a { display: block; margin: 10px 0 0 0; }

.shop-order .good-bg .good-price { float: left; margin: 0 0 0 60px; padding: 5px 0 0 0; }

.shop-order .good-bg .good-number { display: inline-block; text-align: center; margin: 0 0 0 100px; padding: 5px 0 0 0; }

.shop-order .good-bg .good-number > a { float: left; text-align: center; display: inline-block; width: 20px; line-height: 27px; border-bottom: 1px solid #e6e6e6; border-top: 1px solid #e6e6e6; vertical-align: middle; }

.shop-order .good-bg .good-number > a:first-child { border-left: 1px solid #e6e6e6; }

.shop-order .good-bg .good-number > a:last-child { border-right: 1px solid #e6e6e6; }

.shop-order .good-bg .good-number > input { float: left; display: inline-block; vertical-align: middle; text-align: center; height: 25px; line-height: 25px; width: 48px; border: 1px solid #e6e6e6; }

.shop-order .good-bg > span { float: left; margin: 0 0 0 60px; padding: 5px 0 0 0; }

.shop-order .good-bg > a { float: left; margin: 0 0 0 10px; }

.shop-order .good-bg .shop-count { float: right; text-align: right; margin: 0 10px 0 0; padding: 5px 0 0 0; }

.shop-order .good-bg .shop-count > span { display: inline-block; margin: 0 0 15px 0; }

.shop-order .good-bg .shop-count > p { color: #a9a9a9; font-size: 14px; margin: 0 0 10px 0; }

.shop-order .good-bg .shop-count .detail { margin: 0 10px 0 0; }

.shop-order .good-count { padding: 0.266667rem 0; border-top: 1px solid #ebebeb; }

.shop-order .good-count:after { content: ""; display: block; clear: both; }

.shop-order .good-count .count { float: right; width: 200px; text-align: center; }

.shop-order .good-count .count > p:last-child { color: #7c7c7c; }

.shop-order .good-count .time { float: left; position: relative; width: 40%; }

.shop-order .good-count .time .pay-icon { display: inline-block; width: 32px; height: 32px; line-height: 32px; vertical-align: middle; text-align: center; margin: 2px 12px 0 10px; background: url(../img/userinfo-clock.png); }

.shop-order .good-count .time .pay-time { position: absolute; top: 50%; left: 52px; transform: translateY(-50%); font-size: 16px; color: #e04446; }

.shop-order .good-count > div { float: right; }

.shop-order .good-count > div > a { display: block; font-size: 16px; color: #fff; padding: 5px 30px; margin: 2px 10px 0 0; border-radius: 2px; }

.online-mall-banner { height: 435px; background: url(../img/ship-banner.jpg) #d7a561 no-repeat center; }

.online-mall-bg { width: 1200px; margin: 0 auto; }

.online-mall-bg .search-bar { width: 1200px; margin: 20px 0 50px 0; border-radius: 3px; }

.online-mall-bg .search-bar:after { content: ""; display: block; clear: both; }

.online-mall-bg .search-bar > .online-mall-select { float: left; width: 1080px; height: 56px; font-size: 20px; background: url(../img/seach.png) #fff no-repeat 100px center; text-align: center; border: none; }

.online-mall-bg .search-bar > .online-mall-search { float: left; width: 114px; border: 0; height: 58px; line-height: 58px; display: inline-block; font-size: 20px; color: #fff; background: #e4b26a; text-align: center; }

.online-mall-bg .hot-bg:after { content: ""; display: block; clear: both; }

.online-mall-bg .hot-bg > h3 { font-size: 30px; color: #d8a35a; margin: 0 0 20px 0; }

.online-mall-bg .hot-bg .hot { width: 592px; text-align: center; float: left; }

.online-mall-bg .hot-bg .hot > div { float: left; width: 286px; background: #fff; height: 380px; border: 1px solid #e4e4e4; }

.online-mall-bg .hot-bg .hot > div.right { float: right; }

.online-mall-bg .hot-bg .hot > div.right > h3 { color: #6dd052; }

.online-mall-bg .hot-bg .hot > div.right .detail > a { background: #6dd052; }

.online-mall-bg .hot-bg .hot > div > h3 { margin: 30px 0 0; display: inline-block; font-size: 18px; line-height: 25px; height: 50px; color: #43bcd2; overflow: hidden; }

.online-mall-bg .hot-bg .hot > div > img { width: 170px; height: 170px; margin: 20px 0; }

.online-mall-bg .hot-bg .hot > div .detail { text-align: center; }

.online-mall-bg .hot-bg .hot > div .detail > a { display: inline-block; line-height: 40px; width: 170px; text-align: center; background: #43bcd2; color: #fff; font-size: 16px; border-radius: 3px; }

.online-mall-bg .hot-bg .hot-right { display: inline-block; float: right; width: 608px; height: 382px; }

.online-mall-bg .hot-bg .hot-right:after { content: ""; display: block; clear: both; }

.online-mall-bg .hot-bg .hot-right > a { position: relative; display: inline-block; float: left; border: 1px solid #e4e4e4; width: 188px; height: 183px; margin: 0 0 10px 12px; }

.online-mall-bg .hot-bg .hot-right > a > img { display: block; width: 100%; height: 100%; }

.online-mall-bg .hot-bg .hot-right > a > div { position: absolute; bottom: 0; width: 164px; height: 45px; background: rgba(0, 0, 0, 0.5); padding: 5px 12px; }

.online-mall-bg .hot-bg .hot-right > a > div > h3 { font-size: 12px; line-height: 14px; height: 28px; overflow: hidden; color: #feaa2d; }

.online-mall-bg .hot-bg .hot-right > a > div > p { font-size: 12px; line-height: 16px; color: #fff; }

.online-mall-bg .hot-bg .hot-bottom { float: left; margin: 10px 0 0 0; }

.online-mall-bg .hot-bg .hot-bottom:after { content: ""; display: block; clear: both; }

.online-mall-bg .hot-bg .hot-bottom > a { float: left; background: #fff; height: 148px; border: 1px solid #e4e4e4; padding: 19px 15px; }

.online-mall-bg .hot-bg .hot-bottom > a:nth-child(1) { width: 256px; margin: 0 18px 0 0; }

.online-mall-bg .hot-bg .hot-bottom > a:nth-child(2) { width: 256px; margin: 0 12px 0 0; }

.online-mall-bg .hot-bg .hot-bottom > a:nth-child(3) { width: 254px; margin: 0 20px 0 0; }

.online-mall-bg .hot-bg .hot-bottom > a:nth-child(4) { width: 254px; }

.online-mall-bg .hot-bg .hot-bottom > a .bottom-detail { float: left; width: 40%; vertical-align: middle; }

.online-mall-bg .hot-bg .hot-bottom > a .bottom-detail > span { display: block; vertical-align: middle; font-size: 14px; line-height: 20px; height: 60px; }

.online-mall-bg .hot-bg .hot-bottom > a .bottom-detail > span:nth-child(1) { color: #454545; margin: 20px 0 0 0; overflow: hidden; }

.online-mall-bg .hot-bg .hot-bottom > a .bottom-detail > span:nth-child(2) { color: #c95b61; margin: 25px 0 0 0; }

.online-mall-bg .hot-bg .hot-bottom > a > img { float: right; width: 148px; height: 148px; }

.online-mall-bg .mall-title { border-bottom: 2px solid #e0b561; width: 100%; line-height: 40px; margin: 46px 0 20px 0; }

.online-mall-bg .mall-title > h3 { display: inline-block; font-size: 28px; color: #d3a263; }

.online-mall-bg .mall-title > div { float: right; }

.online-mall-bg .mall-title > div > a { font-size: 18px; margin: 0 15px 0 0; }

.online-mall-bg .mall-title > div > a.active { color: #e6ad63; }

.online-mall-bg .mall-bg:after { content: ""; display: block; clear: both; }

.online-mall-bg .mall-bg > a { float: left; padding: 16px 12px 18px; background: #fff; margin: 0 12px 10px 0; }

.online-mall-bg .mall-bg > a > img { width: 204px; height: 206px; margin: 0 0 10px; }

.online-mall-bg .mall-bg > a > h3 { display: block; margin: 0 0 5px; width: 204px; height: 40px; line-height: 20px; font-size: 14px; font-weight: 400; color: #343434; overflow: hidden; }

.online-mall-bg .mall-bg > a > p { font-size: 14px; color: #ca4a40; }

.online-mall-bg .mall-bg > a > span { font-size: 14px; color: #9d9d9d; }

.promotion { background: #e4b26a; }

.promotion .promotion-content { width: 1200px; margin: 0 auto 30px; padding: 20px 0 40px; }

.promotion .promotion-content .promotion-title { line-height: 40px; margin: 0 0 10px 0; }

.promotion .promotion-content .promotion-title > h3 { display: inline-block; font-size: 30px; color: #fff; }

.promotion .promotion-content .promotion-title > a { float: right; color: #fff; font-size: 14px; }

.promotion .promotion-content .promotion-title > a:after { content: ""; display: inline-block; width: 11px; height: 10px; background: url(../img/white-arrow.png) no-repeat center; }

.promotion .promotion-content .promotion-bg:after { content: ""; display: block; clear: both; }

.promotion .promotion-content .promotion-bg > a { float: left; background: #fff; margin: 0 15px 10px 0; width: 238px; padding: 22px 25px 30px; }

.promotion .promotion-content .promotion-bg > a:last-child { margin: 0; }

.promotion .promotion-content .promotion-bg > a > img { width: 238px; height: 238px; margin: 0 0 20px; }

.promotion .promotion-content .promotion-bg > a > span { display: block; margin: 0 0 5px; color: #343434; font-size: 14px; line-height: 18px; height: 36px; overflow: hidden; }

.promotion .promotion-content .promotion-bg > a > span:last-child { height: 20px; color: #ca4a40; }

.guess-like .like-bg { width: 1200px; margin: 0 auto; }

.guess-like .like-bg > h3 { text-align: center; font-size: 30px; color: #d9b370; margin: 10px 0; }

.guess-like .like-bg .like-content > div { display: inline-block; }

.guess-like .like-bg .like-content > div.pre-page > a { background: url(../img/left-arrow.png) #aaa no-repeat center; margin: 0 10px 0 0; }

.guess-like .like-bg .like-content > div.next-page > a { background: url(../img/right-arrow.png) #aaa no-repeat center; margin: 0; }

.guess-like .like-bg .like-content > div > a { vertical-align: middle; display: inline-block; width: 50px; height: 50px; font-size: 40px; color: #fff; text-align: center; border-radius: 50%; margin: 0 10px 0 0; }

.guess-like .like-bg .like-content > ul > li > a { position: relative; display: inline-block; background: #fff; height: 220px; width: 338px; margin: 0 20px 0 0; }

.guess-like .like-bg .like-content > ul > li > a > img { width: 100%; height: 100%; }

.guess-like .like-bg .like-content > ul > li > a > div { position: absolute; bottom: 0; width: 314px; background: rgba(0, 0, 0, 0.5); padding: 10px 12px; }

.guess-like .like-bg .like-content > ul > li > a > div > span { display: block; font-size: 14px; line-height: 16px; height: 38px; color: #fff; line-height: 20px; overflow: hidden; }

.guess-like .like-bg .like-content > ul > li > a > div > span:last-child { height: 30px; }

.mall-detail-banner { height: 435px; background: url(../img/commodityd-details.jpg) #d7a561 no-repeat center; }

.commodityd-bg { width: 1200px; margin: 44px auto; }

.commodityd-bg:after { content: ""; display: block; clear: both; }

.commodityd-bg .goods-pics { float: left; display: inline-block; width: 450px; height: 394px; }

.commodityd-bg .goods-pics .big-pics { float: left; width: 374px; height: 374px; border: 1px solid #d5d5d5; }

.commodityd-bg .goods-pics .big-pics .swiper-pagination { padding: 0 0 0.333333rem 0; bottom: 0 !important; }

.commodityd-bg .goods-pics .big-pics .swiper-pagination-bullet { width: 10px; height: 10px; opacity: 1; border-radius: 50%; background: #fff; border: 1px solid #d9d9d9; }

.commodityd-bg .goods-pics .big-pics .swiper-pagination-bullet-active { background: #d7a561; width: 10px; height: 10px; border: 1px solid #d9d9d9; }

.commodityd-bg .goods-pics .big-pics .swiper-container .swiper-wrapper .swiper-slide > img { width: 374px; height: 394px; }

.commodityd-bg .goods-pics .pic-list { float: right; }

.commodityd-bg .goods-pics .pic-list > ul > li > img { width: 66px; height: 68px; margin: 0 0 10px 0; border: 1px solid #d5d5d5; }

.commodityd-bg .goods-detail { float: left; margin: 0 0 0 58px; width: 548px; }

.commodityd-bg .goods-detail:after { content: ""; display: block; clear: both; }

.commodityd-bg .goods-detail > h3 { line-height: 24px; font-size: 18px; color: #d7a561; width: 498px; }

.commodityd-bg .goods-detail .price-bg { margin: 12px 0; border-radius: 3px; border: 1px solid #dadada; padding: 10px; background: #fff; }

.commodityd-bg .goods-detail .price-bg > div > span { display: inline-block; line-height: 30px; font-size: 14px; text-align: left; width: 100px; }

.commodityd-bg .goods-detail .price-bg > div.price > span:last-child { color: red; }

.commodityd-bg .goods-detail .place-select { height: 75px; margin: 0 0 10px; }

.commodityd-bg .goods-detail .place-select .select-bg:after { content: ""; display: block; clear: both; }

.commodityd-bg .goods-detail .place-select .select-bg > a { float: left; border: 1px solid #dadada; padding: 5px 20px; font-size: 14px; color: #7c7c7c; background: #fff; }

.commodityd-bg .goods-detail .place-select .select-bg > a:first-child { border-right: none; }

.commodityd-bg .goods-detail .place-select .select-bg > a.active { background: #d7a561; color: #fff; }

.commodityd-bg .goods-detail .place-select .select-bg .self-go { display: none; float: left; margin: 0 0 0 20px; }

.commodityd-bg .goods-detail .place-select .select-bg .self-go > span { font-size: 14px; margin: 0 20px 0 0; }

.commodityd-bg .goods-detail .place-select .select-bg .self-go .port { width: 150px; height: 34px; display: inline-block; padding: 0 15px 0 0; background: #fff; color: #7c7c7c; }

.commodityd-bg .goods-detail .place-select .select-bg .self-go .port > span { margin: 0 0 0 10px; color: #dbdbdb; }

.commodityd-bg .goods-detail .place-select .select-bg .self-go .select { display: inline-block; width: 150px; position: relative; vertical-align: middle; }

.commodityd-bg .goods-detail .place-select .select-bg .self-go .select a { color: #7c7c7c; cursor: pointer; }

.commodityd-bg .goods-detail .place-select .select-bg .self-go .select dt { cursor: pointer; font-size: 12px; color: #7c7c7c; padding: 0 0 0 16px; height: 34px; line-height: 34px; overflow: hidden; width: 150px; }

.commodityd-bg .goods-detail .place-select .select-bg .self-go .select dt:after { position: absolute; content: ""; top: 50%; right: 0; margin: -4px 0 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 7px solid #58656e; }

.commodityd-bg .goods-detail .place-select .select-bg .self-go .select dd { display: none; position: absolute; left: 0; top: 34px; z-index: 1; background: #fff; border: 1px solid #BCBBBC; width: 162px; max-height: 130px; overflow: auto; }

.commodityd-bg .goods-detail .place-select .select-bg .self-go .select dd p { line-height: 25px; cursor: pointer; padding-left: 10px; font-size: 12px; color: #7c7c7c; }

.commodityd-bg .goods-detail .place-select .self-go-content { display: none; margin: 10px 0 0; }

.commodityd-bg .goods-detail .place-select .self-go-content > span { display: inline-block; font-size: 14px; line-height: 16px; margin-right: 10px; color: #d7a561; height: 32px; overflow: hidden; }

.commodityd-bg .goods-detail .goods-number { display: inline-block; text-align: center; padding: 5px 0 0 0; margin: 20px 0 0; line-height: 30px; }

.commodityd-bg .goods-detail .goods-number:before { content: ""; display: block; clear: both; }

.commodityd-bg .goods-detail .goods-number > span { float: left; font-size: 14px; vertical-align: middle; margin: 0 34px 0 20px; }

.commodityd-bg .goods-detail .goods-number > span:first-child { margin-left: 0; }

.commodityd-bg .goods-detail .goods-number > a { float: left; text-align: center; display: inline-block; width: 20px; line-height: 27px; border: 1px solid #e6e6e6; vertical-align: middle; background: #fff; }

.commodityd-bg .goods-detail .goods-number > a:first-child { border-left: 1px solid #e6e6e6; }

.commodityd-bg .goods-detail .goods-number > a:last-child { border-right: 1px solid #e6e6e6; }

.commodityd-bg .goods-detail .goods-number > input { float: left; display: inline-block; vertical-align: middle; text-align: center; height: 25px; line-height: 25px; width: 48px; border: 1px solid #e6e6e6; border-left: none; border-right: none; }

.commodityd-bg .goods-detail .goods-action { margin: 25px 0 0 0; }

.commodityd-bg .goods-detail .goods-action > a { display: inline-block; font-size: 16px; width: 200px; line-height: 50px; text-align: center; margin: 0 10px 0 0; border-radius: 3px; border: 1px solid #d2d2d2; }

.commodityd-bg .goods-detail .goods-action > a:first-child { background: #e4b26a; color: #fff; }

.commodityd-bg .goods-detail .goods-action > a:last-child { color: #575757; background: #fff; }

.commodityd-content { width: 1200px; margin: 0 auto; }

.commodityd-content:after { content: ""; display: block; clear: both; }

.commodityd-content .hot-recommend { width: 218px; line-height: 30px; float: left; }

.commodityd-content .hot-recommend .hot-title > h3 { display: inline-block; font-size: 18px; color: #7e7e7e; }

.commodityd-content .hot-recommend .hot-title > a { float: right; font-size: 13px; color: #878787; }

.commodityd-content .hot-recommend .hot-title > a:after { content: ""; width: 13px; height: 13px; display: inline-block; background: url(../img/more-good.png) no-repeat center; border-radius: 50%; vertical-align: -2px; margin: 0 0 0 5px; }

.commodityd-content .hot-recommend > ul > li { margin: 0 0 10px 0; }

.commodityd-content .hot-recommend > ul > li > a { background: #fff; display: inline-block; padding: 14px 24px 10px; }

.commodityd-content .hot-recommend > ul > li > a > img { width: 170px; margin: 0 0 10px 0; }

.commodityd-content .hot-recommend > ul > li > a > h3 { font-size: 12px; height: 30px; line-height: 15px; color: #4f4f4f; margin: 0 0 5px 0; text-align: center; overflow: hidden; }

.commodityd-content .hot-recommend > ul > li > a > span { display: block; font-size: 12px; line-height: 15px; color: #9d9d9d; margin: 0 0 5px 0; text-align: center; overflow: hidden; }

.commodityd-content .hot-recommend > ul > li > a > span:nth-child(4) { color: red; }

.commodityd-content .commodityd-detail { float: right; width: 918px; padding: 22px; background: #fff; border: 1px solid #eaeaea; min-height: 500px; }

.commodityd-content .commodityd-detail > h3 { margin: 18px 0; font-size: 18px; color: #222; }

.commodityd-content .commodityd-detail > p { font-size: 14px; color: #767676; }

.commodityd-content .commodityd-detail > table { border-top: 1px solid #cacaca; border-left: 1px solid #cacaca; width: 100%; line-height: 40px; font-size: 14px; }

.commodityd-content .commodityd-detail > table tr td { padding: 0 0 0 10px; width: 24%; border: 1px solid #cacaca; }

.commodityd-content .commodityd-detail > img { width: 100%; }

.print-bg { background: #fff; }

.print-bg .print-content { background: #fff; width: 100%; border: 1px solid #a0a0a0; }

.print-bg .print-content .dear > span { display: block; font-size: 14px; margin: 0 0 20px; }

.print-bg .print-content .title > h3 { text-align: center; font-size: 18px; padding: 10px; border: 1px solid #a0a0a0; }

.print-bg .print-content .info { border: 1px solid #a0a0a0; border-top: none; }

.print-bg .print-content .info:after { content: ""; display: block; clear: both; }

.print-bg .print-content .info > div { float: left; padding: 5px 0 5px 10px; width: 488px; border-right: 1px solid #a0a0a0; }

.print-bg .print-content .info > div:nth-child(2) { border-right: none; }

.print-bg .print-content .info > div > h3 { color: #d7a561; }

.print-bg .print-content .info > div > p { font-size: 14px; line-height: 25px; }

.print-bg .print-content .tel { border: 1px solid #a0a0a0; border-top: none; }

.print-bg .print-content .tel > p { font-size: 14px; padding: 10px; letter-spacing: 1px; }

.print-bg .print-content .ticket-detail { margin: 20px 0 0; background: #d7a561; }

.print-bg .print-content .ticket-detail .detail { border: 1px solid #a0a0a0; }

.print-bg .print-content .ticket-detail .detail:after { content: ""; display: block; clear: both; }

.print-bg .print-content .ticket-detail .detail:nth-child(n+2) { border-top: none; background: #fff; }

.print-bg .print-content .ticket-detail .detail:nth-child(n+2) > div { display: inline-block; vertical-align: middle; height: 50px; }

.print-bg .print-content .ticket-detail .detail:nth-child(n+2) > div > span { display: inline-block; vertical-align: middle; color: black; padding: 8px 0 0; }

.print-bg .print-content .ticket-detail .detail:nth-child(n+2) .idx { color: black; }

.print-bg .print-content .ticket-detail .detail > div { float: left; border-right: 1px solid #a0a0a0; text-align: center; }

.print-bg .print-content .ticket-detail .detail > div > span { color: #fff; }

.print-bg .print-content .ticket-detail .detail .idx { width: 50px; }

.print-bg .print-content .ticket-detail .detail .idx > span { color: #d7a561; }

.print-bg .print-content .ticket-detail .detail .number { width: 150px; }

.print-bg .print-content .ticket-detail .detail .start-time { width: 150px; }

.print-bg .print-content .ticket-detail .detail .start-port { width: 190px; }

.print-bg .print-content .ticket-detail .detail .end-port { width: 190px; }

.print-bg .print-content .ticket-detail .detail .site-type { width: 90px; }

.print-bg .print-content .ticket-detail .detail .person-type { width: 90px; }

.print-bg .print-content .ticket-detail .detail .site-number { width: 80px; border-right: none; }

.print-bg .print-content .ticket-detail .detail-info { border: 1px solid #a0a0a0; border-top: none; background: #fff; }

.print-bg .print-content .ticket-detail .detail-info > span { line-height: 60px; display: inline-block; vertical-align: middle; text-align: center; border-right: 1px solid #a0a0a0; margin-right: -0.25em; }

.print-bg .print-content .ticket-detail .detail-info > span:last-child { border: none; }

.print-bg .print-content .ticket-detail .detail-info > span:nth-child(1) { width: 50px; }

.print-bg .print-content .ticket-detail .detail-info > span:nth-child(2) { width: 150px; }

.print-bg .print-content .ticket-detail .detail-info > span:nth-child(3) { width: 150px; }

.print-bg .print-content .ticket-detail .detail-info > span:nth-child(4) { width: 190px; }

.print-bg .print-content .ticket-detail .detail-info > span:nth-child(5) { width: 190px; }

.print-bg .print-content .ticket-detail .detail-info > span:nth-child(6) { width: 90px; }

.print-bg .print-content .ticket-detail .detail-info > span:nth-child(7) { width: 90px; }

.print-bg .print-content .ticket-detail .detail-info > span:nth-child(8) { width: 80px; }

.print-bg .print-content .tips > h3 { margin: 30px 0; }

.print-bg .print-content .tips > h4 { margin: 10px 0; }

.print-bg .print-content .tips > p { line-height: 20px; }

.print-bg .print-content .take-ticket > h3 { margin: 20px 0; }

.print-bg .print-content .take-ticket > div > span { margin-right: 30px; }

.print-bg .print-content .note-date > p { text-align: right; }

.access-bg { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 99999; background: #fff; text-align: center; }

.access-bg .access { width: 1000px; margin: 0 auto; padding: 200px 0 0; }

.access-bg .access .oops { display: inline-block; width: 64px; height: 64px; background: url(../img/icon_oops.jpg) no-repeat center; }

.access-bg .access > p { color: #7c7c7c; font-size: 14px; margin: 30px 0 0; }

.access-bg .access .action { margin: 60px 0 0; }

.access-bg .access .action:after { content: ""; display: block; clear: both; }

.access-bg .access .action > span { float: left; width: 33%; }

.access-bg .access .action > span.ie { border-right: 1px solid #a0a0a0; }

.access-bg .access .action > span.ie i { width: 100px; height: 100px; background: url(../img/icon_ie.jpg) no-repeat center; }

.access-bg .access .action > span.chrome { border-right: 1px solid #a0a0a0; }

.access-bg .access .action > span.chrome i { width: 100px; height: 100px; background: url(../img/icon_chrome.jpg) no-repeat center; }

.access-bg .access .action > span.cks i { width: 79px; height: 100px; background: url(../img/logo.jpg) no-repeat center; }

.access-bg .access .action > span i { display: inline-block; }

.access-bg .access .action > span > a { display: block; color: #7c7c7c; font-size: 14px; }

.air-sea-info .items { margin-top: 15px; font-size: 14px;}

.air-sea-info .items::after { display: block; clear: both; content:"";}

.air-sea-info .items span, .air-sea-info .plane-info input { display: inline-block;  margin-right: 10px; }

.air-sea-info .items span { width: 110px; height: 40px; line-height: 40px; }

.air-sea-info .items span.port-type, .air-sea-info .plane-info input { border: 1px solid #bdbdbd; }

.air-sea-info .items span.port-type {  text-align: center; cursor: pointer; }

.air-sea-info .plane-info input { width: 140px; height: 38px; line-height: 38px; text-align: center;}

.air-sea-info .plane-info input.short { width: 150px;}

.air-sea-info .plane-info span, .air-sea-info .plane-info input { float: left; }

.air-sea-info input[type="radio" i] { margin: 3px 10px 0 5px; }

.air-alert-wrap { position: fixed; top: 0; right: 0; bottom: 0;left: 0; background: rgba(0,0,0,.4); z-index: 2147483648; display: none; }

.air-alert-wrap >.content-wrap { width: 50%; background: #fff; font-size: 14px; margin: 0 auto; padding: 30px; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; border-radius: 4px;}

.air-alert-wrap #airLines, .air-alert-wrap #search-list { overflow-y: scroll; min-height: 300px; max-height: 300px;}

.air-alert-wrap #search-list { min-height: 150px; max-height: 150px;}

.air-alert-wrap .search { position: relative; margin: 0 0 15px; border: 1px solid #bdbdbd; border-radius: 4px}

.air-alert-wrap .search a { position: absolute; right: 10px; top: 50%; transform: translateY(-50%);}

.air-alert-wrap input { width: 100%; height: 32px; padding: 0 60px 0 5px; -webkit-box-sizing: border-box; border: none; outline: none;}

.air-alert-wrap .simple { text-align: center; background: #d7a561; height: 32px; line-height: 32px; color: #fff;}

.air-alert-wrap .item { height: 30px; line-height: 30px; cursor: pointer;}

.air-alert-wrap h3 { text-align: right; margin: 0 0 15px;}

.air-alert-wrap h3 img { width: 30px; height: 30px;}
 
#tbVoyage > tbody .center-st .depart-detail-st .content-table > tbody > tr > td { height: 40px;}