/**
   @author liuxuetao
   @Description product detail page cover old style
   @date 2018/08/29
 */
@charset "utf-8";
.product-details{background: #F0F0F0;}
.top_pro_con{height: 90px;line-height: 120px;}
.top_pro_con .title{font-size: 13px;color: #666;}
.top_pro_con .title a{font-size: 13px;color: #666;}
.wifi_con_top{padding: 20px;background: #fff;border-radius: 12px;}
.wifi_c_tl,.wifi-silder{width: 400px;height: 246px;overflow: hidden;}
.wifi_c_tr{width: 728px;position: relative;}
.wifi_c_tr.share_product {
    /*height: 397px;*/
}
.hidden{display: none}
.share_product .product__price {
    height: 225px;
    padding: 30px 15px 25px 15px;
    line-height: 1;
    position: relative;
}
.share_product .product__price .product__unit, .share_product .product__price .product__price--old, .share_product .product__price .product__price--discount {
    line-height: 1;
}
.share_product .time_tips {
    padding: 0 15px;
    height: 35px;
    background: url(../image/time_bg.png) no-repeat;
    position: absolute;
    right: 2px;
    top: -3px;
    background-size: cover;
}
.time_tips span {
    font-size: 18px;
    color: #FFFFFF;
    margin: 0 5px;
    line-height: 38px;
    padding: 2px 4px;
}
i.time_split {
    color: #fff;
    font-style: normal;
    font-size: 18px;
}
.time_tips .content {
    font-size: 14px; 
    left: 9px;
}
.time_tips .day,.time_tips .hour,.time_tips .minute,.time_tips .second {
    background:#000000;
}
.share_product .detail_info {
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    position: relative;
}
.share_product .detail_info > div {
    width: 30%;
    position: relative;
}
.detail_info h2 {
    color:#E6018C;
    font-weight: normal;
    line-height: 17px;
    font-size: 12px;
}
.detail_info > div i {
    position: absolute;
    width: 1px;
    height: 26px;
    top: 0;
    right: 0;
    background: rgba(51,47,61,0.1);
}
h2.red_font {
    color:#E6018C;
}
.detail_info span {
    color: #666666;
    line-height: 16px;
    font-size: 12px;
}
.share_method {
    margin-top: 20px;
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #332F3D;
}
.share_method a {
    width: 32px;
    height: 32px;
    margin-left: 8px;
    cursor: pointer;
}
.id_triangle{
    display: block;
    width: 0;
	height: 0;
	border-width: 10px;
	border-style: solid;
    border-color:transparent transparent #332F3D transparent;
    position: absolute;
    top: -16px;
    right: 33px;
}
#detail_info_ico_mark{
    width: 14px;
    height: 14px;
    position: absolute;
    right: 17px;
    top: 17px;
    background: url(../image/ico_mark.png) no-repeat center;
    cursor: pointer;
    z-index: 99;
}
#detail_info_ico_mark:hover + #id_ico_hover_dialog{
    display: block;
}
#id_ico_hover_dialog{
    position: absolute;
    top: 40px;
    left: 162px;
    width: 347px;
    height: 50px;
    background: #332F3D;
    border-radius: 3px;
    display: none;
}
#id_ico_hover_dialog p{
    width: 330px;
    font-size: 12px;
    color: #FFFFFF;
    text-align: justify;
    line-height: 20px;
    margin-left: 10px;
    padding-top: 5px;
}
.share_method .facebook {
    background: url(../image/facebook.png) no-repeat;
}
.share_method .whatsapp {
    background: url(../image/what_app.png) no-repeat;
}
.share_method .gmail {
    background: url(../image/gmail.png) no-repeat;
}
.share_method .wechat {
    background: url(../image/we_chat.png) no-repeat;
}
.share_method .wechat:hover {
    background: url(../image/we_chat.png) no-repeat;
}
.product__slider--picture{width: 400px;height: 246px;border-radius: 12px;}
.product__name{font-size: 24px;color: #333333;letter-spacing: 0;padding: 10px 0;}
.product__desc{font-size: 14px; color: #999999;letter-spacing: 0;max-height:63px;height:auto;overflow: hidden;text-overflow: ellipsis;padding-bottom: 15px;border-bottom: 1px solid #EBEBEB;
    margin-bottom: 16px;word-break: break-all;-webkit-line-clamp:3;}
.product__price{/*height: 80px;line-height: 80px;*/background: #FFF7FA;border-radius: 12px;padding: 10px 15px;margin-bottom: 15px;}
.product__price--current{font-size: 36px;color: #FF40B4;letter-spacing: 0;}
.product__unit{font-size: 24px;color: #666666;  letter-spacing: 0; line-height: 40px;}
.product__price--old{font-size: 24px;color: #666666;letter-spacing: 0;margin-left: 10px;text-decoration: line-through;}
.product__price--discount {margin-left: 14px;}
.product__tags{margin: 15px 0}
.product__tags--title{font-size: 13px;color: #999999;float: left;margin-right: 20px;line-height: 2;}
.product__tags--list{float:left;}
/*.product__tags--item{display: inline-block;padding: 3px 10px;background: #fff;border: 1px solid rgba(241,39,115,0.50);border-radius: 2px;font-size: 13px;*/
    /*color:#E6018C;margin: 5px;}*/
.product__tags--item{display: inline-block;padding: 3px 10px;background: rgba(230,1,140,0.04);border-radius: 12px;font-size: 13px;
    color: #E6018C;margin: 5px;}
.operation__btns{bottom: 0;left: 0;}
.operation--rent{margin-right: 15px;}
a.operation--rent:hover{background: #FF40A4;opacity: 1;}
a.operation--package{background: #FFAC4C;}
a.button_yd{display: block;float: left;border-radius: 28px;font-size: 20px;color: #FFFFFF;font-weight: normal;}
.wifi_con .content{background: #F0F0F0;}
.wifi_con a:not(.fixed__btn--common){box-sizing: inherit; text-decoration: none;}
/*product interest*/
.product__interest{float: left;width: 300px;background: #fff;box-shadow: 0 1px 0 0 #E6E6E6;border-radius: 12px;overflow: hidden;}
.product__interest--title{font-size: 20px;color: #333333;letter-spacing: 0;display: flex;height: 60px;webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-sizing: border-box;box-sizing: border-box;text-align: center;}
.product__interest--content{}
#recommend .product__interest--item{padding:15px;position: relative;min-height: 232px;max-width: 31%;}
.product__interest--item{padding:15px;position: relative;min-height: 232px;}
.interest__item--photo{width: 252px;height: 154px;display: block;margin-bottom: 10px;border-radius: 12px;}
.interest__item--name{font-size: 16px; color: #333333; letter-spacing: 0;margin-bottom: 18px;word-wrap: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;}
.interest__item--price-current{font-size: 18px;  color:#E6018C;  letter-spacing: 0;margin-bottom: 2px;position: relative}
.interest__item--price-old{font-size: 12px;color: #666666;letter-spacing: 0;text-decoration:line-through}
.interest__item--discount{font-size: 12px;  color: #FF6A00;  letter-spacing: 0;padding: 1px 5px;background: #FFF7E6;border: 1px solid #FFE6A6;border-radius: 1px;}
.interest__item--intro{font-size: 14px;margin-bottom:10px;color: #666666; letter-spacing: 0;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;
    display: -webkit-box;display: box;  -webkit-box-orient: vertical;box-orient: vertical;line-clamp:1;}
.product__item--price-day{font-size: 12px;color: #666666; padding-left: 5px;}
.product__interest--more{font-size: 14px;  color: #333333;  letter-spacing: 0; text-align: center;display: block;height: 65px;line-height: 37px;}
.interest__item--btn{display:none;position: absolute;border-radius: 12px;
    padding:0 5px;height: 24px;line-height:24px;background:#FF40B4;text-align: center;color: #fff;right:0;top: 0px;font-size: 14px;width: 86px; }
.interest__item--btn:hover{color: #fff;background:#FF40A4;}
.product__interest--item:hover .interest__item--btn{display: block;}
/*wifi intro tabs */
#wifi_tab{width: 876px;float: right;box-shadow: 0 1px 0 0 #E6E6E6;border-radius: 12px;overflow: hidden;}
#wifi_tab .wifi_tab_ul{width:inherit;height: 50px;border-bottom: 1px solid rgba(3,3,3,.1);background: #FAFAFA;z-index: 99;}
#wifi_tab .wifi_tab_ul a{display:inline-block;height: 49px;line-height: 49px;background: #FAFAFA;padding: 0 30px;margin: 0;font-size: 16px;color: #332F3D;  letter-spacing: 0;  text-align: center;}
#wifi_tab a.cur{font-size: 16px;  color:#E6018C; letter-spacing: 0;border-bottom: 1px solid transparent;background: #fff;height: 50px;line-height: 50px;border-right:1px solid rgba(3,3,3,.1);border-left:1px solid rgba(3,3,3,.1); }
#wifi_tab a:first-child.cur{border-left: none;}
#wifi_tab .tabCon{padding: 0px 0 29px;background: #fff;}
.fixed__btns{float: right;height: inherit;}
.fixed__btn--common{}
#wifi_tab .wifi_tab_ul a.fixed__btn--common{width:140px;height: 36px;line-height: 36px;text-align: center;color: #fff;font-size: 14px;border-radius: 20px;padding: 0;margin-top: 7px;
    background: #FF40B4;margin-right: 10px;float: left;}
#wifi_tab .wifi_tab_ul a.fixed__btn--rent:hover{background: #FF40A4;}
#wifi_tab .wifi_tab_ul a.fixed__btn--premium{background: #FFAC4C;}
#wifi_tab .wifi_tab_ul a.fixed__btn--premium:hover{background: #E69B45;}
.wifi_tab_wrap{background: #F0F0F0;width: inherit;}
/* wifi intro*/
.wifi__intro{padding: 30px;border-bottom: 1px solid rgba(3,3,3,.1);word-wrap: break-word;}
.wifi__intro p{line-height: 22px !important;}
/*product__comment*/
.product__comment{padding: 20px;}
.product__comment--content{min-height: 400px;}
.product__comment--title{font-size: 20px;color: #332F3D;  letter-spacing: 0;text-align: left;padding-left: 27px;margin-bottom: 25px;background: url("../image/ic_travelers'sstory.png") no-repeat left center;}
.product__comment--item{padding: 15px 0; border-bottom: 1px solid rgba(3,3,3,.1);}
.comment__item--left{width: 50px;overflow: hidden;vertical-align: top;display: inline-block;}/*float: left;*/
.comment__item--right{width: 790px;display: inline-block;padding-left: 5px}/*float: right;*/
.comment__item--profile{height: 45px;width: 45px;border-radius: 100%;}
.comment__item--name{font-size: 14px;width: 120px;text-overflow: ellipsis; white-space: nowrap; color: #332F3D;letter-spacing: 0;height: 30px;line-height: 30px;display: inline-block;  overflow: hidden;margin-left: 10px;}
/*.comment__item--stars{margin-bottom: 10px;}*/
.comment__item--comment{font-size: 14px;color: #332F3D;letter-spacing: 0;margin-bottom: 6px;}
.comment__item--date{font-size: 12px;color: #999999;letter-spacing: 0;}
.comment__item--stars >img{width: 20px;height: 20px;display: block;float: left;margin-right: 5px;}
.comment__pagination{text-align: right;}
.comment__empty{width: 100%;height: 500px;background: url('../../../product/default/image/no_data_comment.png') no-repeat center center;}
.comment__empty p{padding-top: 328px; text-align: center;  word-break: break-word;}
.user_prompt .prompt_upsell span.ico{
    display: none;
}
.comment__item--comment2{padding-left:50px;padding-top:10px; line-height:20px; border-top: solid 1px #e0e0e0; font-size: 14px;display: flex; justify-content: space-between; color: #332F3D;}
/*针对马来详情页评论区修改*/
.star-comment{display: inline-block; padding-top: 5px; }/*float: right;*/
.star-comment > img{width: 20px; height: 20px; display: block; float: left; margin-right: 5px;}

.new_dialog {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 1000;
}

.new_dialog .dialog_container {
    width: 560px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: #FFFFFF;
    border-radius: 8px;
    text-align: center;
}

.first_dialog {
    padding: 80px 140px 40px;
}

.dialog_container p {
    font-size: 20px;
    color: #332F3D;
    line-height: 32px;
    text-align: left;
}

.dialog_container p span.red_font {
    color:#E6018C;
}

.dialog_container i {
    position: absolute;
    width: 19px;
    height: 19px;
    cursor: pointer;
    top: -29px;
    right: 0;
    background: url(../image/close.png) no-repeat;
    background-size: contain;
}

.dialog_container button {
    border: 1px solid #F12773;
    border-radius: 3px;
    /* width: 100px; */
    height: 36px;
    margin-top: 35px;
    font-size: 14px;
    color:#E6018C;
    padding: 0px 10px;
}

.dialog_container button:hover {
    background: #FF40B4;
    color: #fff;
}

.dialog_container button.second_btn {
    margin-left: 40px;
}

.second_dialog {
    padding: 60px 80px 35px;
}

.three_dialog, .four_dialog {
    padding: 45px 85px 30px;
}

.three_dialog button {
    margin-top: 15px;
    background: #FF40B4;
    color: #fff;
    width: 164px;
    height: 40px;
    font-size: 18px;
}

.three_dialog button:hover {
    background: #FF3381;
}
#detail_info_ico_mark:hover .id_ico_hover_dialog{
    display: block;
}

/*分享链接弹窗*/
.share-link-header img{
    border-radius: 8px 0 0 0;
}
.share-link-body{
    padding: 32px;
    text-align: left;
}
.share-link-email{
    margin-bottom: 30px;
}
.share-link-email input{
    padding: 12px;
    width:229px;
    height:43px;
    background:rgba(245,245,245,1);
    border-radius:4px;
}
.share-link-body .share-link-email button{
    margin-top: 0;
    margin-left: 5px;
    width:122px;
    height:43px;
    background:rgba(221,221,221,1);
    border-radius:4px;
    color: #fff;
    border: none;
}
.share-link-body .share-link-address button{
    margin-top: 0;
    margin-left: 5px;
    width:100px;
    height:43px;
    background:rgba(221,221,221,1);
    border-radius:4px;
    color: #fff;
    border: none;
}
.share-link-address .share-link-span{
    width: 458px;
    display: inline-block;
    height: 43px;
    background: rgba(245,245,245,1);
    border-radius: 4px;
    padding: 12px;
}
.share-link-span span:first-child{
    display: inline-block;
    width: 118px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: rgba(153,153,153,1);
    margin-right: 3px;
}
.share-link-span span:last-child{
    display: inline-block;
    width: 305px;
    overflow: hidden;
    text-overflow:ellipsis;
}
.share-link-span input{
    width: 305px;
    background: rgba(245,245,245,1);
    font-size: 14px;
}
.share-link-foot{
    margin-top: 30px;
}
.share-link-foot p{
    font-size: 16px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: rgba(153,153,153,1);
    line-height: 22px;
}

/*提示弹窗样式*/
.tips_new_dialog_{
    background: rgba(0, 0, 0, 0);
}
.tips_new_dialog_ div.tips_dialog{
    width: initial;
    padding: 22px;
    background: rgba(51,47,61,0.7);
    color: rgba(255,255,255,1);
}
.tips_new_dialog_ div.tips_dialog p{
    font-size: 16px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    line-height: initial;
    color:rgba(255,255,255,1);
    text-align: center;
}

/* 新加tab切换 */
.tab-bar-box{
    background-color: #fff;  
    width: 100%;  
    border-bottom: 1px solid #f2f2f2;
    height: 72px;
}
.tab-bar {  
    display: flex;  
    justify-content: space-around;  
   width: 85%;
}  
.tab-item {  
    position: relative;  
    flex: 1;  
    text-align: center;  
    /* padding:0.27rem 0 0.18rem 0;   */
    cursor: pointer;  
    font-family: Poppins-Medium;
    font-size: 20px;
    color: #333333;
    letter-spacing: 0;
    text-align: center;
    line-height: 72px;
    font-weight: 500;
}  
  
.tab-item::after {  
    content: '';  
    position: absolute;  
    bottom: 0;  
    left: 50%;  
    transform: translateX(-50%);  
    width: 50%;  
    height: 2px;  
    background-color: #E6018C;  
    opacity: 0; /* 默认隐藏 */  
    transition: opacity 0.3s ease; /* 添加过渡效果 */  
    border-radius: 10px;
}  
.tab-item.active{
    color: #E6018C;
}
.tab-item.active::after {  
    opacity: 1; /* 激活时显示 */ 
}  
  
.content-container {  
    padding-bottom: 0.75rem; /* 留出tabBar的空间 */  
}  
  
.contents {  
    display: none;  
    padding-top: 30px;
}  
  
.contents.active {  
    display: block;  
    padding-top: 30px;
    padding-left: 10px;
}

/* 收藏 */
.collectBox{
    position: absolute;
    right: 10px;
    bottom: 10px;
}
#noLogin{
    position: absolute;
    right: 10px;
    bottom: 10px;
}
.collectImg{
    width: 24px;
    height: 24px;
    margin-right: 10px;
    cursor: pointer;
}
.noCollect{
    display: flex;
    align-items: center;
}
.isCollect{
    display: flex;
    align-items: center;
}
#noCollect{
     display: block;
}
#isCollect{
     display: block;
}
.toast {
    display: none;
    position: fixed; /* 固定定位 */
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5); /* 半透明背景 */
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    z-index: 999;
}
 
.toast.show {
    display: flex;
    visibility: visible;
    opacity: 1;
}
.toastMain{
    font-size: 20px;
    color: #333333;
    letter-spacing: 0;
    text-align: center;
    line-height: 28px;
    font-weight: 500;
    padding: 24px 0 50px;
    border-bottom: 1px solid #e6e4e4;
}
.toastBox{
    width: 560px;
    height: 307px;
    text-align: center;
    background: white;
    border-radius: 32px;
    justify-content:flex-end;
    font-size: 14px;
    position: relative;
    box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.16);
}
.toastClose{
    position: absolute;
    right: 16px;
    top: 16px;
    width: 36px;
    height: 36px;
    cursor: pointer;
}
.toastSuccessImg img{
    margin-top: 72px;
    width: 60px;
    height: 60px;
}
.totastButton{
    font-size: 20px;
    color: #E6018C;
    letter-spacing: 0;
    text-align: center;
    line-height: 24px;
    font-weight: 500;
    cursor: pointer;
    padding: 24px;
}
.product__variation{
    display: block;
    margin: 24px auto;
}
.product__variation .variation-title{
    display: inline-block;
    color: #333333;
    font-size: 16px;
    font-weight: 500;
    line-height: 18px;
    max-width: 80px;
}
.product__variation .variation-list{
    margin-top: -6px;
    width: 468px;
    float: right;
    margin-right: 180px;
}
.product__variation .variation-item,.product__variation .variation2-item {
    width: 140px;
    height: 36px;
    background: #FFFFFF;
    border-radius: 18px;
    font-size: 14px;
    font-weight: normal;
    line-height: 36px;
    display: inline-block;
    text-align: center;
    border: 1px solid #999999;
    cursor: pointer;
    margin: 0 5px 16px 5px;
}
.variation-item.active,.variation2-item.active{
    box-sizing: border-box;
    border: 1px solid #FF40B4;
    color: #FF40B4;
}
.variation-item.disabled,.variation2-item.disabled{
  opacity: 0.2;
}
.promo_cond{
    margin-top: 20px;
    color: #999999;
}