.banner{ position: relative; width: 100%; }
.banner img{ vertical-align: top;  width: 100%; height: auto;}
.banner .intro{ max-height: 80px; }
.banner .logo{ position: absolute; top: 15px; left: 15px; }
.banner .logo img{ height: 20px; width: auto; }
.banner .info_bar{ position: absolute; bottom: -16px; left: 0; width: 100%; padding: 0 15px; z-index: 10;}
.banner .info_bar .preference_obj{ padding-bottom: 40px; text-align: center; width: 100%; font-size: 28px; font-weight: bold; line-height: 2; color: #fff; text-shadow:1px 1px 1px #000; }
.banner .info_bar .green_bg{ width: 100%; background:  rgba(26,65,7,0.7);  }
.banner .info_bar .green_bg p:first-child{ text-align: center; font-size: 20px; font-weight: bold; line-height: 1.5; color: #fff; }
.banner .info_bar .green_bg p:last-child{ text-align: center; font-size: 11px; line-height: 1.5; color: #fff }
.banner .info_bar .introduce_title{ text-align: center; width: 100%; font-size: 24px; font-weight: bold; line-height: 2; color: #ffed86; text-shadow:1px 1px 1px #000; }
.valid_period{ text-align: center; width: 100%; font-size: 15px; font-weight: bold; line-height: 2.5; color: #111;}
.package_list ul li{ width: 100%; margin-bottom: 10px; }
.package_list ul li a{ display: block; }
.package_list .list_img{ overflow: hidden; }
.package_list .list_img img{ vertical-align: top; display: inline-block; width: 50%;  -webkit-box-sizing:border-box;box-sizing:border-box;}
.package_list .list_img img:first-child{ border-right: 1px solid #fff; }
.package_list .list_img img:last-child{ border-left: 1px solid #fff; }
.package_list .list_box{ position: relative; padding-top: 8px; padding-right: 5px; width: 100%; background: #512502; }
.package_list .list_box .l_si{ width: 58%; padding-left: 5px;}
.package_list .list_box .r_si{ width: 40%; text-align: right;}
.package_list .list_box .hotel_name{ position: relative; }
.package_list .list_box .hotel_name p{ padding-left: 5px; font-size: 15px; font-weight: bold; line-height: 18px; color: #fff; }
.package_list .list_box .package_name{ margin-top: 8px; }
.package_list .list_box .package_name .l_si{ font-size: 15px; font-weight: bold; line-height: 18px; color: #f1d3b7;}
.package_list .list_box .original_price{ font-size: 12px; font-weight: bold; line-height: 18px; color: #f1d3b7; text-decoration: line-through; }
.package_list .list_box .current_price{ font-size: 12px; font-weight: bold; line-height: 18px; color: #fff; text-align: right;}
.package_list .list_box .current_price p span{ font-size: 16px; }
.package_list .list_box .remark{ padding: 5px 5px 8px 5px; font-size: 11px; line-height: 1.5; color: #f1d3b7; }
.package_list .list_box .contact{position: relative; margin-top: 5px; margin-left: 5px; padding-bottom: 10px; font-size: 11px; line-height: 1.2; color: #c9a085; }
.linkbox{ margin: 0 0 0 5px; padding-bottom: 10px; }
.linkbox .link{ float: left; width: 100%; box-sizing: border-box;}
.linkbox .link.lk1{ padding-right: 3px;}
.linkbox .link.lk2{ padding-left: 3px;}
.linkbox .link .btn{ display: -webkit-box; display: flex;-webkit-box-align: center; align-items: center;-webkit-justify-content:center; justify-content: center; width: 100%;height: 30px; box-sizing: border-box; text-align: center; font-size: 13px;  color: #fff; }
.linkbox .book_btn{background-color: #ff0800;}
.linkbox .detail_btn{background-color: #bd967b;}
.page_remark{ font-size: 12px; line-height: 18px; color: #111; }
.qr_code{ position: relative; text-align: center; padding: 10px 0 5px 0;}
.qr_code p{ margin-bottom: 5px; font-size: 14px; color: #fff; }
.qr_code img{ display: inline-block; }
.bg_beach{ position: absolute; z-index: -1; bottom: 0; left: 0; width: 100%; height: 35px;  }

.intro{ padding-bottom: 45px; }
.intro .name p{padding-top: 10px; padding-bottom: 20px; font-size: 18px; font-weight: bold; line-height: 1; color: #522400; }
.intro .name span{display: block; width: 25px; border-bottom: 1px solid #522400; }
.intro .contact{ padding-top: 16px; padding-bottom: 20px; }
.intro .contact p{ padding-bottom: 5px; font-size: 14px; line-height: 1.2; color: #111; }
.intro .contact i{ color: #663300; margin-right: 6px; }
.intro .text{ margin-top: 22px; margin-bottom: 23px; }
.intro .text p{ padding-bottom: 17px; font-size: 16px; line-height: 1.6; color: #111;}
.intro .link_btn{ display: block; position: relative; padding-left: 40px; width: 100%; height: 40px; line-height: 40px; font-size: 18px; color: #522400; background: #cfbdac;}
.intro .link_btn img{ position: absolute; left: 9px; top: 10px; width: 22px; height: 20px; }

.intro .swiper-pagination-bullet{ width: 8px; height: 8px; margin: 0 2px !important; background: #fff; opacity: 0.3;}
.intro .swiper-pagination-bullet-active{ background: #fff; opacity: 1;}
.intro .swiper2 img{ width: 100%; display: block;}