/* pages/product/productDetail/productDetail.wxss */

/* 头部封面轮播 */

.header_swiper {
  position: relative;
  width: 100%;
  height: 66.7VW;
}

.header_swiper_2 {
  width: 100%;
  height: 100%;
}

.header_swiper_2_text {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 24px;
  color: #999;
  background-color: #e6e6e6;
}

.header_swiper_2_image {
  width: 100%;
  height: 100%;
}

.header_swiper_view {
  position: absolute;
  left: 0rpx;
  bottom: 0rpx;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0 30rpx;
  width: 100%;
  height: 60rpx;
}

.header_swiper_view_text1 {
  display: flex;
  align-items: center;
  padding: 0 12rpx;
  height: 32rpx;
  border-radius: 5px;
  background-color: #257bf1;
  font-size: 10px;
  color: #fff;
}

.header_swiper_view_text3 {
  position: absolute;
  top: 0rpx;
  right: 30rpx;
  height: 100%;
  font-size: 15px;
  color: #fff;
}

/* 头部信息板块1 */

.header_info1 {
  padding: 10px 16px;
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
}

.header_info1_title {
  font-weight: 500;
  font-size: 16px;
  color: #333;
}

.header_info1_price {
  
}
.header_info1_price_son{
  display: flex;
  justify-content: flex-end;
  align-items: baseline;
}
.video_box{
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background-color:transparent;
  z-index:9999;
}
.video_box video{
  width: 100%;
  height: 66.7VW;
}
.video_play_btn{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  text-align:center;
  background-color: rgba(0,0,0,.3)
}
.video_play_btn ._btn{
  width: 50px;
}
.info1_price_1 {
  font-size: 12px;
  color: #666;
}

.info1_price_1_text {
  font-size: 20px;
  color: #ff9800;
}

.info1_price_1_text::before {
  content: '￥';
  font-size: 12px;
}

.info1_price_2 {
  font-size: 12px;
  color: #666;
}
.info1_price_3{
  font-size: 12px;
  color: #FF3300;
  margin-top: 12rpx;
}

.info1_price_2_text {
  font-size: 20px;
  color: #ff9800;
}

.info1_price_2_text::before {
  content: '￥';
  font-size: 12px;
}

/* 头部信息板块2 */

.header_info2 {
  margin: 20rpx 0 0 0;
  padding: 10px 16px;
  background-color: #fff;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}

.header_info2_line1 {
  display: flex;
  align-items: baseline;
}

.header_info2_line2 {
  margin: 10rpx 0 0 0;
  display: flex;
  align-items: baseline;
}

.header_info2_line_image {
  width: 15px;
  height: 15px;
}

.header_info2_line_text1 {
  margin: 0 0 0 24rpx;
  font-size: 13px;
  color: #666;
}

.header_info2_line_text2 {
  margin: 0 0 0 24rpx;
  font-size: 15px;
  color: #333;
}

.header_info2_line3 {
  margin: 22rpx 0 0 0;
  display: flex;
  flex-wrap: wrap;
}

.info2_line3_view {
  margin: 10rpx 10rpx 0 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 8px;
  width: 160rpx;
  height: 120rpx;
  border: 1px solid #ccc;
  border-radius: 2px;
}

.price_now {
  background-color: #f0f6ff;
  border-color: #257bf1;
}

.info2_line3_view_1 {
  font-size: 12px;
  color: #666;
}

.info2_line3_view_2 {
  font-size: 14px;
  color: #ff9800;
}

.info2_line3_view_more {
  margin: 10rpx 10rpx 0 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 160rpx;
  height: 120rpx;
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 2px;
  font-size: 14px;
  color: #666;
}

/* 头部信息板块3 */

.header_info3_on {
  margin: 20rpx 0 0 0;
  padding: 20rpx 0 0 0;
  background-color: #fff;
  border-top: 1px solid #E6E6E6;
}
.header_info3_off {
  margin: 20rpx 0 0 0;
  padding: 20rpx 0 20rpx 0;
  background-color: #fff;
  border-top: 1px solid #E6E6E6;
  border-bottom: 1px solid #E6E6E6;
}

.info3_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 16px;
  width: 100%;
  height: 40rpx;
}

.info3_header_left {
  font-size: 16px;
  color: #333;
}

.info3_header_left::before {
  content: '';
  margin: 0 10px 0 0;
  display: inline-block;
  width: 4px;
  height: 12px;
  border-radius: 2px;
  background-color: #333;
}

.info3_header_right {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 17px;
  height: 17px;
}

.info3_header_right_image {
  width: 17px;
  height: 8px;
  transition: all 0.3s 0s linear;
}

.arrow_up {
  transform: rotateX(0deg);
}

.arrow_down {
  transform: rotateX(180deg);
}

.info3_content {
  width: 100%;
}

.info3_content_noInfo{
  padding: 10px 0;
  text-align: center;
  font-size: 12px;
  color: #999999;
  border-bottom: 1px solid #E6E6E6;
}

.info3_item {
  width: 100%;
  display: flex;
  padding: 30rpx 0;
  border-bottom: 1px solid #E6E6E6;
}

.info3_item_left {
  width: 35%;
  text-align: right;
}

.info3_item_center {
  width: 30%;
  padding: 0 0 10px 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
}

.info3_item_right {
  width: 35%;
  text-align: left;
}

.info3_item_center_text{
  font-size: 12px;
  color: #666666;
}

.info3_item_center_image{
  width: 160rpx;
  height: 10rpx;
}

.info3_item_1{
  font-size: 12px;
  color: #999999;
}

.info3_item_2{
  margin: 5px 0 2px 0;
  font-size: 16px;
  color: #333333;
}

.info3_item_3{
  font-size: 14px;
  color: #333333;
}

/* 行程及说明 */

.scroll_box {
  position: relative;
  margin: 20rpx 0 0 0;
  padding: 45px 16px 90px 16px;
  width: 100%;
  height: 100VH;
  background-color: #fff;
  border-top: 1px solid #e6e6e6;
}

.scroll_menu {
  position: absolute;
  left: 0rpx;
  top: 0rpx;
  display: flex;
  justify-content: space-around;
  align-items: stretch;
  padding: 0 16px;
  width: 100%;
  height: 45px;
  border-bottom: 1px solid #e6e6e6;
}

.scroll_menu_item {
  position: relative;
  flex-grow: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  color: #333;
}

.scroll_menu_click {
  color: #257bf1;
}

.scroll_menu_click::after {
  content: "";
  position: absolute;
  left: 0rpx;
  bottom: -2rpx;
  width: 100%;
  height: 2px;
  background-color: #257bf1;
}

.scroll_view {
  width: 100%;
  height: 100%;
}

.scroll_view_title {
  margin: 30rpx 0;
}

.scroll_view_title_text {
  position: relative;
  padding: 0 0 0 20rpx;
  font-size: 15px;
  color: #333;
}

.scroll_view_title_text::before {
  content: '';
  position: absolute;
  left: 0px;
  top: 5px;
  width: 3px;
  height: 12px;
  border-radius: 2px;
  background-color: #333;
}

.scroll_view_text {
  font-size: 14px;
  color: #333;
}

/* 行程特色 */

.scroll_view_1 {
}

.scroll_view_special {
  width: 100%;
}

.scroll_view_special_image {
  width: 100%;
  height: inherit;
}

/* 多日行程 */

.scroll_view_2 {
}

.view_2_day {
  margin: 20rpx 0;
  font-weight: bold;
  font-size: 16px;
  color: #333;
}

.view_2_title {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.view_2_title_text {
  font-weight: bold;
  font-size: 14px;
  color: #333;
}

.view_2_title_image {
  margin: 0 10rpx;
  width: 15px;
  height: 15px;
}

.view_2_detail_box {
  margin: 20rpx 0 0 0;
  font-size: 0px;
  border: 1px solid #e6e6e6;
}

.view_2_detail_image {
  width: 100%;
}

.view_2_detail_title {
  margin: 10rpx 0 0 0;
  padding: 0 20rpx;
  font-weight: bold;
  font-size: 14px;
  color: #333;
}

.view_2_detail_date {
  margin: 10rpx 0 0 0;
  padding: 0 20rpx;
  font-size: 12px;
  color: #666;
}

.view_2_detail_ticket {
  margin: 10rpx 0 0 0;
  padding: 0 20rpx;
  font-size: 12px;
  color: #666;
}

.view_2_detail_content {
  margin: 10rpx 0 0 0;
  padding: 0 20rpx 20rpx 20rpx;
  font-size: 14px;
  color: #666;
}

.view_2_tips {
  margin: 20rpx 0 0 0;
}

.view_2_tips_title {
  font-size: 14px;
  color: red;
}

.view_2_tips_content {
  margin: 10rpx 0 0 0;
  font-size: 12px;
  color: #666;
}

.view_2_diet {
  margin: 20rpx 0 0 0;
}

.view_2_diet_line {
  margin: 10rpx 0 0 0;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.view_2_diet_line_image {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.view_2_diet_line_title {
  margin: 0 0 0 8rpx;
  height: 20px;
  line-height: 20px;
  font-weight: bold;
  font-size: 14px;
  color: #333;
  white-space: nowrap;
}

.view_2_diet_line_content {
  min-height: 20px;
  line-height: 20px;
  margin: 0 0 0 20rpx;
  font-size: 12px;
  color: #666;
}

/* 费用说明 */

.scroll_view_3 {
}

.view_3_include {
}

.view_3_noinclude {
}

.view_3_title {
  display: inline-block;
  padding: 4rpx 14rpx;
  font-size: 12px;
  color: #fff;
  border-radius: 6px;
  background-color: #ff9800;
}

/* 预定须知 */

.scroll_view_4 {
}

.view_4_title {
  margin: 30rpx 0;
  font-size: 12px;
  color: #666;
}

/* 底部按钮 */
.footer_btnBox {
  position: fixed;
  left: 0rpx;
  bottom: 0rpx;
  width: 100%;
  height: 90rpx;
  border-top: 2px solid #e6e6e6;
  background-color: #fff;
  display: flex;
}
.footer_btnBox_btn{
  width: 70%;
  height: 90rpx;
  line-height: 90rpx;
  text-align: center;
  font-size: 16px;
  color: #FFFFFF;
  background-color: #FF9800;
}
.footer_btnBox_btn.footer_btnBox_btn_noLogin{
  width: 100%;
}
.footer_btnBox_btn_share{
  background-color: #44b549;
  width: 30%;
}
.header_title_style{
  font-size: 24rpx;
  display: inline-block;
  padding: 4rpx 8rpx;
  border-radius: 8rpx;
  background-color: #44b549;
  color: white;
  margin-right: 20rpx;
}
/* 底部用户信息 */
.footer_info {
  position: fixed;
  left: 0rpx;
  bottom: 0rpx;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0 30rpx;
  width: 100%;
  height: 140rpx;
  border-top: 1px solid #e6e6e6;
  background-color: #fff;
}

.footer_info_content {
  flex-grow: 1;
  padding: 0 0 0 20rpx;
  height: 110rpx;
  font-size: 0px;
}

.footer_content1 {
  font-size: 16px;
  color: #4c6c99;
}

.footer_content2 {
  margin: 5px 0 0 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.footer_content2_image {
  width: 12px;
  height: 12px;
}

.footer_content2_text {
  margin: 0 0 0 20rpx;
  font-size: 14px;
  color: #333;
}
.zezao{
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0,0,0,.3);
  position: fixed;
  z-index: 2;
}
.shareInfo{
  top: 200rpx;
  position: absolute;
  z-index: 3;
  left: 5%;
  right: 5%;
  border-radius: 4px;
  background: #fff;
  padding:10rpx;
}
.shareInfo .title{
  font-size: 18px;
  color: #333;
  text-align: center;
}
.shareInfo .tips{
  margin:10px 0 0 0;
  text-align: center;
  color: gray;
  font-size: 14px;
}
.shareInfo .tips.tips_t{
  margin-top:0;
}
.line-box{
  margin:10px 20px;
}
.line-box .label{
  width: 100%;
  margin-bottom: 10px;
  font-size: 12px;
  color: #333;
}
.line-box .ipt{
  height: 24px;
  line-height: 24px;
  font-size: 14px;
  color: #333;
  border-bottom: 1px solid #777;
}
.line-box .ipt:focus{
  border-bottom: 1px solid #5F96FF;
}
.line-box .ipt_holder{
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  color: #bbb;
  border-bottom: 1px solid #bbb;
}
.line-box .btn{
  width: 100%;
  height: 45px;
  line-height: 45px;
  text-align: center;
  border-radius: 20px;
  font-size: 16px;
  color: #FFFFFF;
  background-color: #5F96FF;
}
.arrowo_up{
  width:17px;
  height:8px;
  transition:all 0.3s 0s linear;
  display: inline-block;
  margin-left: 20rpx;
  transform: rotateX(180deg)
}
.arrowo_down{
  transform: rotateX(0deg)
}
.header_priceDetail_type{
  font-size: 28rpx;
  margin: 20rpx 0 10rpx 0;
  font-weight: 700;
}
.header_priceDetail_type2{
  color: rgba(245,124,1,1);
}
.header_priceDetail_son{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10rpx 0;
  font-size: 26rpx;
  color:#666;
}
.header_priceDetail_son text{
  color:rgba(43,173,242,1);
}