/*另类的下拉框，感谢设计师的脑洞*/
.diyselect-box {position: relative;}
.diyselect-text {height: 100%;position: relative;cursor: pointer;padding: 0 30px 0 10px;background: #fff;border: 1px solid #E0E0E0;background: #FAFAFA;}
.diyselect-text .if_packed {position: absolute;right: 0.4rem;top: 0.1rem;}
.diyselect-text .diyselect-title {width: 100%;height: 40px;line-height: 40px;border: 0;background-color: transparent;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0;cursor: pointer;}
.diyselect-text .iconfont {position: absolute;right: 0.1rem;top: 0.1rem;font-size: 0.2rem;color: #BDBDBD;}
input.diyselect-title::-webkit-input-placeholder {color: #231815}
input.diyselect-title:-moz-placeholder {color: #231815}
input.diyselect-title::-moz-placeholder {color: #231815}
input.diyselect-title:-ms-input-placeholder {color: #231815}
.shit-dropdown {z-index: 99;position: absolute;left: 0;top: 0.5rem;width: 100%;padding: 0.2rem;border: 0.01rem solid #1667D2;box-shadow: 0 0 0.05rem 0 rgba(22, 103, 210, .2);background-color: #fff;display: none;-webkit-animation-duration: .3s;animation-duration: .3s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: laydate-upbit;animation-name: searchbox-upbit;}
.shit-dropdown_header h3 {font-size: 0.2rem;color: #1667D2;}
.shit-dropdown_header a.close-shit-dropdown {width: 0.3rem;height: 0.3rem;line-height: 0.3rem;text-align: center;background-color: rgba(0, 0, 0, .05);}
.shit-dropdown_header a.close-shit-dropdown i {font-size: 20px;}
.shit-dropdown_content {padding: 0.2rem 0;}
.shit-dropdown__list {justify-content: flex-start;margin-right: -0.1rem;}
.shit-dropdown__list .shit-dropdown__item {width: 100%;border: 1px solid #EEEEEE;margin-right: 0.1rem;margin-bottom: 0.1rem;}
.shit-dropdown__list .shit-dropdown__item.selected {color: #fff;background-color: #1667D2;}
.shit-dropdown__list .shit-dropdown__item.disabled {color: #9E9E9E;background-color: #FAFAFA;}
.shit-dropdown__list.col-2 .shit-dropdown__item {width: calc(50% - 10px);}
.shit-dropdown__list.col-5 .shit-dropdown__item {width: calc(20% - 10px);}
.shit-dropdown__list.col-5 .disabled {cursor: not-allowed;width: calc(20% - 10px);border: 1px solid #EEEEEE;margin-right: 0.1rem;margin-bottom: 0.1rem;color: rgba(0,0,0,0.2);background-color: #f2f2f2;}
/*联系人下拉框*/
.shit-dropdown__list .shit-dropdown__item .diyselect-item,
.shit-dropdown__list .disabled .diyselect-item {position: relative;display: inline-block;width: 100%;padding: 0.1rem .15rem;box-sizing: border-box;}
.shit-dropdown__list .disabled .diyselect-item .age-limit{
    font-size: .12rem;
    position: absolute;
    top: 0;
    right: 0;
    padding: 2px 5px;
    color: #fff;
    background-color: #fa5151;
}
/*航线列表样式*/
.voyage-media-box_appmsg {display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-align: center;-webkit-align-items: center;align-items: center;}
.voyage-media-box_appmsg .voyage-media-box__hd {margin-right: 0.3rem;width: 3rem;height: 2.25rem;overflow: hidden;text-align: center;background: url(../images/lazy-load.png) #efefef no-repeat center center;background-size: 1rem;}
.voyage-media-box_appmsg .voyage-media-box__thumb {display: block;width: 100%;height: 100%;object-fit: cover;}
.voyage-media-box_appmsg .voyage-media-box__bd {-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;min-width: 0;}
.voyage-media-box__title {font-weight: 400;font-size: 0.24rem;line-height: 0.4rem;width: auto;margin-bottom: 0.3rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;word-wrap: break-word;word-break: break-all;}
.voyage-media-box__title .collect {display: flex;align-items: center;float: right;height: 0.3rem;font-size: 0.14rem;padding: 0 0.1rem;}
.voyage-media-box__title .collect i {font-size: 0.2rem;margin-right: 0.05rem;}
.voyage-media-box__desc span {margin-right: 0.2rem;}
.voyage-media-box__desc-box {padding-bottom: 0.1rem;}
.voyage-media-box__desc {line-height: 0.3rem;overflow: hidden;color: #666;font-size: 0.16rem;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.voyage-media-box {width: 100%;position: relative;border-radius: 0.05rem;margin-bottom: .2rem;padding: 0.2rem;background: #fff;-webkit-transition: ease .4s;transition: ease .4s;}
.voyage-media-box:hover {box-shadow: 0 7px 10px rgba(0, 0, 0, 0.2);-webkit-transform: translateY(-4px);transform: translateY(-4px);}
.voyage-media-box_item ul li {position: relative;cursor: pointer;display: inline-block;line-height: 0.36rem;margin-right: 0.1rem;font-size: 0.16rem;color: #666;}
.voyage-media-box_item .voyage-tag .tag-content {position: absolute;width: 3rem;padding: 0.15rem 0.15rem;left: 0rem;background-color: #fff;border-radius: 0.03rem;box-shadow: 0rem 0.01rem 0.15rem rgba(0, 0, 0, 0.2);z-index: 100;cursor: default;z-index: 99;display: none;}
.voyage-media-box_item .voyage-tag.tag-show .tag-content {display: block;}
.voyage-media-box_item ul li span {display: inline-block;font-size: 0.14rem;padding: 0.06rem 0.2rem;line-height: 1;border-radius: 0.02rem;vertical-align: middle;text-align: center;}
.voyage-media-box_item ul li span.active {color: #fff;}
.voyage-media-box_item ul li span img {vertical-align: middle;}
.voyage-media-box_item ul li span i {font-size: 0.28rem;}
.voyage-price-box {position: absolute;top: 69%;right: .2rem;text-align: right;transform: translateY(-50%);--webkit-transform: translateY(-50%);}
.voyage-price-box .voyage-price {color: #757575;font-size: 0.16rem;}
.voyage-price-box .voyage-price .text-price {margin: 0 0.05rem}
.voyage-price-box .voyage-price.original-price {height: 0.4rem;line-height: 0.4rem;color: #666;font-size: 16px;text-decoration: line-through;text-align: right;}
.voyage-price-box .voyage-price b {color: #E51C23;}
.voyage-price-box .voyage-price em {font-weight: 700;font-size: 0.24rem;color: #E51C23;}
.voyage-price-box .voyage-more-link a {font-size: 0.16rem;color: #1A2E59;text-decoration: underline;}
.voyage-price-box .voyage-more-btn {text-align: right;}
.voyage-price-box .voyage-more-btn a {width: 1.8rem;height: 0.6rem;display: inline-block;border-radius: 0.02rem;line-height: 0.6rem;font-size: 0.16rem;text-align: center;color: #fff;}
.filter-bar-box {height: 0.48rem;padding: 0 0.2rem;}
.icon-sort img {width: 0.26rem;vertical-align: middle;}
.sort-btn-box {display: flex;}
.sort-btn-box .filter-item {margin-right: 0.3rem;}
.normal-question i {font-size: 0.18rem;margin-right: 0.05rem;}
.normal-question-box {padding: .2rem;}
/*填写乘客信息*/
/*填写中间容器*/
.booking-main-container {align-items: flex-start;}
/*右侧*/
.right-wrap {position: relative;margin-left: 0.2rem;width: 3rem;background: #fff;box-sizing: border-box;padding-bottom: 0.7rem;}
.booking-detail-container {padding: 0 0.2rem .2rem .2rem;}
.booking-time-limit {display: flex;align-items: center;justify-content: center;flex-direction: column;height: 0.6rem;color: #fff;background: url(../images/booking/right_bg.jpg) no-repeat;background-size: 100% 100%;}
.overage-time {color: #FFAF3E;}
.booking-price-list {margin-top: 0.2rem;text-align: center;font-size: 0.18rem;font-weight: 700;}
.booking-wrap {padding: 0.2rem 0;}
.booking-cabin-item__guestList .cabin-info {position: relative;color: #1667D2;border-left: 5px solid #1667D2;margin-top: 0.1rem;padding-left: 0.1rem;}
.booking-cabin-item__guest {padding: 0.1rem 0;}
.booking-cabin-item__guest:last-child:after {border: none;}
.booking-cabin-item__title {height: 0.4rem;color: #231815;background: rgba(22, 103, 210, 0.04);padding: 0 0.1rem;}
.guest-title,
.guest-price-item {margin-bottom: 0.05rem;}
.guest-title {padding: 0 0.1rem;}
.guest-title .booking-type-tag {margin-left: 0.1rem;}
.guest-price-item {color: #999998;padding: 0 0.1rem;}
.total-discount {line-height: 0.4rem;padding: 0 0.1rem;background: rgba(182, 230, 255, .5);box-sizing: border-box;}
.discount-box {padding: 0.1rem;color: #999998;background: rgba(182, 230, 255, .1);}
.summary-wrap .price,
.summary-wrap b {color: #f00;}
.statistics-container {padding: 0.1rem;background: rgba(182, 230, 255, .5);}
.total-price span {font-weight: 700;}
.total-price span em {font-weight: 700;font-size: 0.2rem;}
.agreement-wrap {font-size: 0.14rem;}
.submit-order,
.last-step {position: absolute;left: 0;bottom: 0;width: 100%;}
.last-step {bottom: -0.3rem;}
.submit-order button {font-size: 0.18rem;width: 100%;height: 0.6rem;border: none;color: #fff;background: #1667D2;}
.last-step a {text-decoration: underline;}
/*左侧*/
.booking-voyage-box {padding: 0.2rem;}
.voyage-icon,
.booking-common-icon {width: 0.6rem;}
.voyage-icon i,
.booking-common-icon i {font-size: 0.36rem;}
.voyage-basic-info {font-size: 0.16rem;}
.booking-voyage-title {font-size: 0.18rem;margin-bottom: 0.15rem;font-weight: 700;}
.voyage-basic-info p {margin-bottom: 0.1rem;}
.booking-common-wrap {margin: 0.2rem 0;}
.booking-common-title {display: flex;justify-content: space-between;line-height: 0.64rem;padding: 0 0.2rem}
.booking-common-container {padding: 0 0.2rem}
.booking-common-container .form-textarea {width: 100%;height: 0.8rem;padding: 0.1rem;resize: none;border: 1px solid rgba(224, 224, 224, 1);}
.booking-common-title .iconfont {font-size: 0.24rem;margin-right: 0.05rem;}
.booking-common-title h3 {font-size: 0.16rem;font-weight: 700;margin-right: 0.05rem;}
.booking-common-title span {color: #CCC;}
.booking-common-title .action {float: right;}
.discount-selectbox {padding: 0.2rem 0;}
.discount-select {width: 3.2rem;}
.discount-tips {margin-left: 0.2rem;}
.booking-limit {max-height: 6rem;overflow-y: auto;}
.booking-limit::-webkit-scrollbar {width: 0.08rem;height: 0.01rem;}
.booking-limit::-webkit-scrollbar-thumb {background: rgba(26, 46, 89, .2)}
.booking-limit::-webkit-scrollbar-track {background: transparent;}
.booking-limit p {margin-bottom: .1rem;color: #9E9E9E;}
/*首要联系人*/
.set-default-contact,
.coupon-list {width: 3.2rem;margin-right: 0.2rem;}
.coupon-list .shit-dropdown{width: 6.8rem;}
select.data-selectbox {width: 100%;height: 0.48rem;font-size: 0.16rem;padding-left: 0.12rem;border: 0.01rem solid #F5F5F5;background: #F5F5F5;box-sizing: border-box;}
.open-more-info {display: inline-block;width: 100%;height: 0.22rem;line-height: 0.22rem;background-color: #f3f6f8;border-radius: 0.2rem;text-align: center;margin: 0.1rem 0;cursor: pointer;color: #a6aeb1;}
.open-more-info i {vertical-align: middle;}
.phone-area-code {height: 0.48rem;border: none;border-radius: 0;}
.form-common-item label {width: 0.7rem;color: #999998;margin-right: 0.1rem;}
.form-common-item span {top: 0.1rem !important;}
.form-common-item .form-common-input {width: 100%;height: 0.48rem;border: none;padding-left: 10px;box-sizing: border-box;}
.guest-detail-info__form {width: 8.8rem;}
.guest-detail-info__form.prefectbox-form {width: 6rem;}
.guest-detail-info__form .form-common-item {margin-right: 0.2rem;}
.guest-detail-info__form .form-common-item.short-item {width: 1.5rem;}
.guest-detail-info__form .form-common-item .form-common-input {height: 0.4rem;border: 0.01rem solid rgba(234, 234, 234, 1);}
.guest-detail-info__form .form-common-item .flex-item {margin: 0.1rem 0;}
.form-common-item .select-date i {font-size: 0.22rem;color: #1A2E59;vertical-align: middle;}
.form-common-item .checkbox {width: .7rem;position: relative;height: 0.48rem;display: inline-block;line-height: 0.48rem;}
.form-common-item .checkbox label {margin-left: 0.4rem;}
.form-phone-areacode {width: 1.5rem;margin-right: 0.1rem;}
.form-phone-areacode .select-main,
.form-phone-areacode div.select-set {background: transparent;}
.country-code-select .select-main,
.country-code-select div.select-set {background: transparent;}
.form-phone-areacode div.select-set,
.country-code-select div.select-set {padding-left: 0;}
.email-tips {width: 100%;margin-left: 90px;font-size: 14px;color: #999998;}
.form-spl-line {margin-right: 0.1rem;width: 0.02rem;}
.verifyimg-btn {height: 0.48rem;line-height: 0.48rem;}
.verifyimg-btn img {vertical-align: middle;height: 0.4rem;}
.verifyimg-btn button {height: 0.4rem;color: #fff;background-color: #FFAF3E;}
/*添加乘客*/
.addguest-tips {padding: .1rem 0.2rem;background: #FFFAE5;}
.guest-cabin-info {display: flex;align-items: center;position: relative;padding: 0.2rem;background-color: rgba(22, 103, 210, 0.04);}
.guest-cabin-info .guest-cabin-title {font-size: 0.16rem;margin-right: 0.2rem;}
.guest-cabin-info .guest-cabin-desc span {margin-right: 0.15rem;}
.guest-cabin-info .guest-cabin-tips {padding: 0.1rem;background: #F5F5F5;color: #666665}
.live-berth-content {padding: 0.2rem 0;}
.live-berth-list__header {justify-content: flex-start;}
.live-berth-list__header .live-berth_type {width: 1rem;height: 0.4rem;line-height: 0.4rem;text-align: center;background-color: rgba(22, 103, 210, 0.04);margin-right: 0.1rem;}
.live-userinfo {padding: 0.2rem;padding-right: 0;justify-content: flex-start;}
.live-userinfo .show-userinfo {justify-content: flex-start;}
.live-userinfo .live-userinfo_item {width: 33.3333333%;margin-bottom: 0.1rem;}
.live-userinfo .live-userinfo_item span:first-child {color: #BDBDBD;}
.please-select {display: inline-block;width: 100%;background: #fafafa;padding: 0.1rem;}
.often-contact-list {width: 3.2rem;}
.guest-detail-info__header {position: relative;padding-left: 0.15rem;}
.guest-detail-info__header:before {content: '';position: absolute;left: 0;top: 4px;width: 0.05rem;height: 0.18rem;background: #1667D2;}
.guest-detail-info__header h3 {font-size: 0.18rem;}
.guest-adddefault-box {justify-content: left;}
.guest-adddefault-box .add-default-contact {margin-top: 0.05rem;}
.guest-detail-info__form {display: inline-block;padding: 0.2rem;}
.guest-detail-info__form .width50,
.contact-form .width50 {width: 50%;float: left;}
.guest-detail-info__form .width100,
.contact-form .width100 {width: 100%;float: left;}
.guest-cabin-info .living-number {position: absolute;right: 0;}
.form-control.country-code {cursor: pointer;appearance: none;-moz-appearance: none;-webkit-appearance: none;border: none;height: 0.48rem;padding: 0;padding-left: 0.1rem;background: url('../images/booking/arrow-down.png') center no-repeat;background-size: 0.13rem;background-position: right 8px bottom 18px;}
/*邮箱提示下拉框*/
.email-inputtips {z-index: 9;width: 3rem;position: absolute;top: 0.47rem;list-style: none;background: #fff;border: 1px solid #ececec;box-shadow: 0 0 0.1rem #ececec;display: none;}
.email-inputtips li {cursor: pointer;margin: 0.08rem;padding: 0.06rem 0.04rem;color: #666;font-size: 0.14rem;}
.email-inputtips li.active {background: rgba(182, 230, 255, .5)}
/*岸上观光样式*/
.package-list {position: relative;width: 100%;}
.package-list .package-name {font-size: 0.16rem;margin: 0.2rem 0;}
.package-pro-item {padding: 0.1rem 0;}
.package-pro-item .package-pro-item__thumbnail {position: relative;width: 1.95rem;margin-right: 0.2rem;overflow: hidden;}
.package-pro-item .package-pro-item__thumbnail .overage {position: absolute;left: 0;top: 0;padding: 0.05rem 0.1rem;color: #fff;background: #FF0000;}
.package-pro-item .package-pro-item__thumbnail .overage.bg-success {background: #03AE01;}
.package-pro-item .package-pro-item__media .text-price {color: #FF0000;font-size: 0.2rem;}
.package-pro-item .package-pro-item__media h3 {font-size: 0.2rem;}
.package-pro-item .package-pro-item__media .buyers b,
.package-pro-item .package-pro-item__media .buyers .buyers-list {color: #1667D2;}
.package-pro-item .package-pro-item__media .buyers b {margin: 0 0.05rem;}
/*选购 游客列表*/
.tourist {display: flex;margin-right: -0.2rem;flex-wrap: wrap;flex-direction: row}
.tourist-item {display: flex;align-items: center;position: relative;width: calc(25% - 0.2rem);height: 0.22rem;margin-right: 0.2rem;margin-bottom: 0.1rem;padding-left: 0.3rem;}
.tourist-item .astro-radio {left: 0;top: 0;}