height: 344px; background: url("https://pic.huodongjia.com/static/images/hdj_bg/vip_bg.png") no-repeat; background-size: 100% 100%; position: fixed; bottom: 30px; right: 0px; z-index:999; } .vip_box{ width: 48px; margin: 0px auto; height: 200px; position: relative; overflow: hidden; top:90px; } .vip_review_box{ width: 192px; position: relative; left: -48px; transition: all .5s ease-out; } .vip_review_box div{ position: relative; float: left; width: 48px; text-align: center; } .rel_event{ padding: 0 15px; } .img{ margin-bottom: 10px; } .rel_event li{ display: inline-block; width: 24%; } .rel_event li>a{ font-size: 14px; display: block; color: #666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .rel_event li p,.rel_event li p a{ font-size: 12px; color: #999 !important; margin: 0; line-height: 20px; } .new_content,.guest_content{ position: relative; } .get_more{ background: -webkit-linear-gradient(top, rgba(255,255,255,0), #fff); position: absolute; width: 100%; bottom: 0px; left: 0; height: 150px; color: #36414D !important; padding-top: 130px; font-weight: 600; } .shouqi{ background: none; bottom: -10px; } .m_more{ color: #36414D !important; font-size: 14px!important; cursor: pointer; } .m_more:hover{ color: #4CB0EE !important; } .get_more::after{ content: url(https://pic.huodongjia.com/static/images/icon_more_down_normal.png); } .get_more:hover::after{ content: url(https://pic.huodongjia.com/static/images/icon_more_down_hover.png); } .m_more::after{ content: url(https://pic.huodongjia.com/static/images/icon_more_down_normal.png); } .m_more:hover::after{ content: url(https://pic.huodongjia.com/static/images/icon_more_down_hover.png); } .shouqi::after{ content: url(https://pic.huodongjia.com/static/images/icon_more_up_normal.png); } .shouqi:hover::after{ content: url(https://pic.huodongjia.com/static/images/icon_more_up_hover.png); } .tis button{ width: 80px; height: 32px; padding: 0; font-size: 14px; border-radius: 3px; } .tis .confirm{ background: -webkit-linear-gradient(top, #33A7FF, #1274D9); } .tis h2{ font-size: 20px; } .tis p{ line-height: 25px; padding: 0 48px; } .tis h2::before{ content: url(https://pic.huodongjia.com/static/images/tips_icon.png); position: relative; left: -5px; top: 4px; } .banner p{ line-height: inherit; } .original{ color: #999;text-decoration: line-through;font-size: 12px } .detail_message>div{ margin-top: 0; } .bread_nav a{ color: #666 !important; } .bread_nav{ margin: 15px 0; } .invation{ width: 254px; display: block; background: #F5F7FA; border: 1px dashed #5C7A99; height: 40px; line-height: 40px; color: #5C7A99; font-weight: 500; font-size: 16px; transition: all .1s linear; } .invation::after{ content: url(https://pic.huodongjia.com/static/images/icon_download_normal.png); position: relative; top: 1px; } .invation:hover{ background: #5C7A99; border: 1px solid #5C7A99; color: #FFF; } .invation:hover::after{ content: url(https://pic.huodongjia.com/static/images/icon_download_hover.png); } .is_vip{ position: relative; width: 240px; margin: 0px auto 20px; } .is_vip span{ display: inline-block; width: 240px; height: 24px; background: url(https://pic.huodongjia.com/static/images/vipzk_1.png) no-repeat; color: #FFBB99; font-size: 14px; padding-left: 45px; line-height: 24px; font-weight: 500; } .is_vip a{ position: absolute; display: inline-block; width: 60px; height: 24px; background: url(https://pic.huodongjia.com/static/images/vipzk_2.png) no-repeat; color: #FFF; font-size: 14px; padding-left: 5px; line-height: 24px; font-weight: 500; margin-left: -4px; position: absolute; right: 0; top: 0; } .daili{ color: #8A9199; font-size: 14px; line-height: 25px; padding: 30px 15px; position: relative; padding-left: 83px; border-bottom: 1px dashed #E6E6E6; } .daili img{ position: absolute; left: 15px; top: 20px; } .bg{ width: 100%; height: 100vh; position: fixed; top: 0; z-index: 999; left: 0; display: none; background: rgba(0, 0, 0, 0.472); } .yqh{ width: 440px; height: 425px; background: #fff; border-radius: 5px; overflow: hidden; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; text-align: center; } .yqh h1{ line-height: 60px; height: 60px; margin: 0; font-size: 18px; color: #FFF; background: #242B33; } .yqh p{ color: #8A9199; font-size: 14px; padding: 30px 0; } .yqh input{ width: 280px; height: 40px; background: #F0F2F5; padding: 0 10px; font-size: 14px; color: #333; display: block; border-radius: 2px; border: none; outline: none; margin: 0 auto 15px; } .yqh button{ width: 280px; height: 40px; background: #198CFF; color: #fff; font-size: 14px; border: none; outline: none; margin: auto; border-radius: 2px; } .close_img{ position: absolute; right: 15px; top: 23px; } #freeForm label{ font-size: 15px; } #freeForm .new input{ width: auto; height: 12px; margin: 0; } .new_div{ display:inline-block;width:78%; padding: 10px 0; text-align: left; vertical-align: middle; } #freeForm .new_div label{ width: auto; } #freeForm textarea { width:100%; height: 40px; border: 1px solid #BDC3D3; border-radius: 5px; padding-left: 10px; } .new_free{ height: auto !important; width: 700px !important; overflow: auto; } .sx p{ color: #333; font-size: 14px; padding-top: 20px; margin: 0; padding-left: 15px; } .sx li{ display: inline-block !important; width: 49%; color: #333; font-size: 14px; position: relative; cursor: pointer; } .sx li span{ color: #999; } .sx li img{ margin-right: 5px; } .sx li div{ position: absolute; width: 224px; padding: 10px; border: 1px solid #E6C7B8; background: #FFFCFA; color: #CC8866; font-size: 12px; left: 0; top: 100%; display: none; z-index: 99; line-height: 25px; border-radius: 4px; border-top-left-radius: 0; } .sx .is_coupon:hover div{ display: block; } .plus_price{ /* background: #DAE0E6; */ color: #E6A1B8; font-size: 12px; display: inline-block; padding: 0px 5px; border: 1px solid #E6A1B8; } #allmap{ w