@font-face{ font-family:'xcte2ename'; src:url('../webfont/xcte2ename.ttf') format('truetype') } .vdr{ position: absolute } div{ box-sizing: border-box; } .travel_noImg{ background-color: #EAEAEA; } .travle_page{ position: relative; width: 1123px; height: 1588px; font-size: 0px; } .hotel_1_info_1_info_right_Ename{ font-size: 18px; font-family: 'xcte2ename'; font-weight: bold; color: #6d6d6d; padding: 0 20px; } /* 酒店1 */ .travel_hotel_1{ position: relative; width: 100%; height: 100%; } .hotel_1_header{ position: relative; width: 1123px; height: 391px; } .hotel_1_header>.hotel_1_header_bg{ position: absolute; z-index: 1; left: 0px; top: 0px; width: 100%; height: 100%; } .hotel_1_header>.hotel_1_header_bg2{ position: absolute; z-index: 2; left: 470px; top: 50px; width: 187px; height: 108px; } .hotel_1_header>.hotel_1_header_title{ position: absolute; z-index: 2; left: 0px; top: 180px; width: 100%; } .hotel_1_header>.hotel_1_header_title>div:nth-child(1){ text-align: center; } .hotel_1_header>.hotel_1_header_title>div:nth-child(1)>div{ margin: auto; max-width: 600px; min-width: 60px; height: 68px; overflow: hidden; font-weight: bold; font-family: SimSun; font-size: 60px; color: #000000; position: relative; z-index: 5; } .hotel_1_header>.hotel_1_header_title>div:nth-child(2){ margin: auto; margin-top: 20px; max-width: 350px; position: relative; } .hotel_1_header>.hotel_1_header_title>div:nth-child(2)>img:nth-child(1){ position: absolute; left: -60px; top: 12px; width: 42px; height: 12px; } .hotel_1_header>.hotel_1_header_title>div:nth-child(2)>div{ width: 100%; min-width: 30px; height: 80px; overflow: hidden; line-height: 40px; text-align: center; font-family: SimSun; font-size: 34px; position: relative; z-index: 5; } .hotel_1_header>.hotel_1_header_title>div:nth-child(2)>img:nth-child(3){ position: absolute; right: -60px; top: 12px; width: 42px; height: 12px; } .hotel_1_info_1{ position: relative; width: 100%; } .hotel_1_info_1>.travel_toolbar_block{ position: absolute; z-index: 2; left: -30px; top: 30px; } .hotel_1_info_1>.hotel_1_info_1_img{ position: relative; z-index: 1; width: 100%; height: 476px; } .hotel_1_info_1>.hotel_1_info_1_img>.hotel_1_info_1_img1{ position: relative; z-index: 2; width: 100%; height: 100%; } .hotel_1_info_1>.hotel_1_info_1_img>.hotel_1_info_1_img1:hover>.travel_toolbar{ display: block; } .hotel_1_info_1_img>.hotel_1_info_1_img1>.travel_toolbar{ display: none; position: absolute; z-index: 3; left: 0px; top: -30px; } .hotel_1_info_1_img>.hotel_1_info_1_img1>.dragDiv{ position: relative; width: 100%; height: 100%; overflow: hidden; } .hotel_1_info_1_img>.hotel_1_info_1_img1>.dragDiv>div{ width: 100% !important; height: 100% !important; } .hotel_1_info_1_img>.hotel_1_info_1_img1>.dragDiv>div>img{ width: 100%; } .hotel_1_info_1>.hotel_1_info_1_img>.hotel_1_info_1_img2{ position: absolute; z-index: 3; right: 100px; bottom: -95px; width: 190px; height: 190px; border: 5px solid #FFFFFF; border-radius: 50%; /*overflow: hidden;*/ box-shadow: 0px 0px 10px 5px #EAEAEA; /*overflow: hidden;*/ } .hotel_1_info_1>.hotel_1_info_1_img>.hotel_1_info_1_img2:hover>.travel_toolbar{ display: block; } .hotel_1_info_1_img>.hotel_1_info_1_img2>.travel_toolbar{ display: none; position: absolute; z-index: 4; left: 0px; top: -30px; } .hotel_1_info_1_img>.hotel_1_info_1_img2>.dragDiv{ position: relative; width: 100%; height: 100%; border-radius: 50%; overflow: hidden; /*overflow: hidden;*/ } .hotel_1_info_1_img>.hotel_1_info_1_img2>.dragDiv>div{ width: 100% !important; height: 100% !important; overflow: hidden; } .hotel_1_info_1_img>.hotel_1_info_1_img2>.dragDiv>div>img{ width: 100%; height: 100%; border-radius: 50%; } .hotel_1_info_1>.hotel_1_info_1_info{ margin: 30px 0 0 0; padding: 0 0 0 160px; width: 100%; } .hotel_1_info_1>.hotel_1_info_1_info>div{ display: inline-block; vertical-align: top; } .hotel_1_info_1>.hotel_1_info_1_info>.hotel_1_info_1_info_left{ width: 55px; text-align: center; } .hotel_1_info_1>.hotel_1_info_1_info>.hotel_1_info_1_info_left>img{ width: 55px; height: 55px; } .hotel_1_info_1>.hotel_1_info_1_info>.hotel_1_info_1_info_left>div{ display: inline-block; margin: 12px 0 0 0; width: 2px; height: 100px; background-color: #f6dc61; } .hotel_1_info_1>.hotel_1_info_1_info>.hotel_1_info_1_info_right{ margin: 0 0 0 30px; padding: 10px 0 0 0; width: 750px; } .hotel_1_info_1_info>.hotel_1_info_1_info_right>div:nth-child(1){ display: inline-block; padding: 10px 20px; background-color: #f6dc61; } .hotel_1_info_1_info>.hotel_1_info_1_info_right>div:nth-child(1)>div{ max-width: 300px; min-width: 30px; height: 30px; overflow: hidden; font-family: SimSun; font-size: 30px; line-height: 30px; color: #222222; position: relative; z-index: 5; } .hotel_1_info_1_info>.hotel_1_info_1_info_right>div:nth-child(2){ margin: 12px 0; height: 20px; } .hotel_1_info_1_info>.hotel_1_info_1_info_right>div:nth-child(3){ width: 100%; padding: 0 20px; } .hotel_1_info_1_info>.hotel_1_info_1_info_right>div:nth-child(3)>div{ width: 100%; min-width: 30px; height: 75px; overflow: hidden; font-family: Microsoft YaHei; font-size: 16px; line-height: 25px; color: #535353; position: relative; z-index: 5; } .hotel_1_info_2{ position: relative; margin: 70px 0 0 0; } .hotel_1_info_2>.travel_toolbar_block{ position: absolute; z-index: 3; left: -30px; top: 30px; } .hotel_1_info_2>.hotel_1_info_2_top{ width: 100%; padding: 0 0 0 160px; } .hotel_1_info_2>.hotel_1_info_2_top>div{ position: relative; z-index: 2; display: inline-block; vertical-align: top; width: 395px; height: 197px; margin: 0 10px 0 0; } .hotel_1_info_2>.hotel_1_info_2_top>div:hover>.travel_toolbar{ display: block; } .hotel_1_info_2>.hotel_1_info_2_top>div>.travel_toolbar{ display: none; position: absolute; z-index: 3; left: 0px; top: -30px; } .hotel_1_info_2>.hotel_1_info_2_top>div>.dragDiv{ position: relative; width: 100%; height: 100%; overflow: hidden; } .hotel_1_info_2>.hotel_1_info_2_top>div>.dragDiv>div{ width: 100% !important; height: auto !important; } .hotel_1_info_2>.hotel_1_info_2_top>div>.dragDiv>div>img{ width: 100%; } .hotel_1_info_2_bottom{ margin: 30px 0 0 0; padding: 0 0 0 160px; width: 100%; } .hotel_1_info_2_bottom>div{ display: inline-block; vertical-align: top; } .hotel_1_info_2_bottom>.hotel_1_info_2_bottom_img{ position: relative; z-index: 2; margin: 20px 0 0 0; width: 148px; height: 148px; } .hotel_1_info_2_bottom>.hotel_1_info_2_bottom_img:hover>.travel_toolbar{ display: block; } .hotel_1_info_2_bottom>.hotel_1_info_2_bottom_img>.travel_toolbar{ display: none; position: absolute; z-index: 3; left: 0px; top: -30px; } .hotel_1_info_2_bottom>.hotel_1_info_2_bottom_img>.dragDiv{ position: relative; width: 100%; height: 100%; border-radius: 50%; overflow: hidden; } .hotel_1_info_2_bottom>.hotel_1_info_2_bottom_img>.dragDiv>div{ width: 100% !important; height: auto !important; } .hotel_1_info_2_bottom>.hotel_1_info_2_bottom_img>.dragDiv>div>img{ width: 100%; height: 100%; border-radius: 50%; } .hotel_1_info_2_bottom>.hotel_1_info_2_bottom_left{ margin: 0 0 0 20px; width: 55px; text-align: center; } .hotel_1_info_2_bottom>.hotel_1_info_2_bottom_left>img{ width: 55px; height: 55px; } .hotel_1_info_2_bottom>.hotel_1_info_2_bottom_left>div{ display: inline-block; margin: 12px 0 0 0; width: 2px; height: 100px; background-color: #f6dc61; } .hotel_1_info_2_bottom>.hotel_1_info_2_bottom_right{ margin: 0 0 0 30px; padding: 10px 0 0 0; width: 550px; } .hotel_1_info_2_bottom>.hotel_1_info_2_bottom_right>div:nth-child(1){ display: inline-block; padding: 10px 20px; background-color: #f6dc61; } .hotel_1_info_2_bottom>.hotel_1_info_2_bottom_right>div:nth-child(1)>div{ max-width: 300px; min-width: 30px; height: 30px; overflow: hidden; font-family: SimSun; font-size: 30px; line-height: 30px; color: #222222; position: relative; z-index: 5; } .hotel_1_info_2_bottom>.hotel_1_info_2_bottom_right>div:nth-child(2){ margin: 12px 0; height: 20px; } .hotel_1_info_2_bottom>.hotel_1_info_2_bottom_right>div:nth-child(3){ width: 100%; padding: 0 20px; } .hotel_1_info_2_bottom>.hotel_1_info_2_bottom_right>div:nth-child(3)>div{ width: 100%; min-width: 30px; height: 75px; overflow: hidden; font-family: Microsoft YaHei; font-size: 16px; line-height: 25px; color: #535353; } /* 酒店2 */ .travel_hotel_2{ position: relative; width: 100%; height: 100%; } .travel_hotel_2>.hotel_2_info_1{ position: relative; width: 100%; } .travel_hotel_2>.hotel_2_info_1>.travel_toolbar_block{ position: absolute; z-index: 3; left: -30px; top: 30px; } .travel_hotel_2>.hotel_2_info_1>.hotel_2_info_1_bg{ width: 100%; height: 465px; } .travel_hotel_2>.hotel_2_info_1>.hotel_2_info_1_content{ position: absolute; top: 88px; left: 361px; width: 490px; } .hotel_2_info_1>.hotel_2_info_1_content>div:nth-child(1){ display: inline-block; padding: 10px 20px; background-color: #f6dc61; } .hotel_2_info_1>.hotel_2_info_1_content>div:nth-child(1)>div{ max-width: 300px; min-width: 30px; height: 30px; overflow: hidden; font-family: SimSun; font-size: 30px; line-height: 30px; color: #222222; position: relative; z-index: 5; } .hotel_2_info_1>.hotel_2_info_1_content>div:nth-child(2){ margin: 12px 0; height: 20px; } .hotel_2_info_1>.hotel_2_info_1_content>div:nth-child(3){ width: 100%; padding: 0 20px; } .hotel_2_info_1>.hotel_2_info_1_content>div:nth-child(3)>div{ width: 100%; min-width: 30px; height: 125px; overflow: hidden; font-family: Microsoft YaHei; font-size: 16px; line-height: 25px; color: #535353; position: relative; z-index: 5; } .hotel_2_info_1>.hotel_2_info_1_img{ position: relative; margin: auto; margin-top: -100px; width: 1017px; height: 550px; } .hotel_2_info_1>.hotel_2_info_1_img>.hotel_2_info_1_img1{ position: relative; z-index: 2; width: 100%; height: 100%; } .hotel_2_info_1>.hotel_2_info_1_img>.hotel_2_info_1_img1:hover>.travel_toolbar{ display: block; } .hotel_2_info_1>.hotel_2_info_1_img>.hotel_2_info_1_img1>.travel_toolbar{ display: none; position: absolute; z-index: 3; left: 0px; top: -30px; } .hotel_2_info_1>.hotel_2_info_1_img>.hotel_2_info_1_img1>.dragDiv{ position: relative; width: 100%; height: 100%; overflow: hidden; } .hotel_2_info_1>.hotel_2_info_1_img>.hotel_2_info_1_img1>.dragDiv>div{ width: 100% !important; height: auto !important; } .hotel_2_info_1>.hotel_2_info_1_img>.hotel_2_info_1_img1>.dragDiv>div>img{ width: 100%; } .hotel_2_info_1>.hotel_2_info_1_img>.hotel_2_info_1_img2{ position: absolute; z-index: 3; right: 60px; top: -85px; width: 190px; height: 190px; } .hotel_2_info_1>.hotel_2_info_1_img>.hotel_2_info_1_img2:hover>.travel_toolbar{ display: block; } .hotel_2_info_1>.hotel_2_info_1_img>.hotel_2_info_1_img2>.travel_toolbar{ display: none; position: absolute; z-index: 4; left: 0px; top: -30px; } .hotel_2_info_1>.hotel_2_info_1_img>.hotel_2_info_1_img2>.dragDiv{ position: relative; width: 100%; height: 100%; border: 5px solid #FFFFFF; border-radius: 50%; overflow: hidden; box-shadow: 0px 0px 10px 5px #EAEAEA; } .hotel_2_info_1>.hotel_2_info_1_img>.hotel_2_info_1_img2>.dragDiv>div{ width: 100% !important; height: auto !important; } .hotel_2_info_1>.hotel_2_info_1_img>.hotel_2_info_1_img2>.dragDiv>div>img{ width: 100%; } .hotel_2_info_2{ position: relative; margin: 35px 0 0 0; } .hotel_2_info_2>.travel_toolbar_block{ position: absolute; z-index: 3; left: -30px; top: 30px; } .hotel_2_info_2_top{ margin: 0 0 0 0; padding: 0 0 0 160px; width: 100%; } .hotel_2_info_2_top>div{ display: inline-block; vertical-align: top; } .hotel_2_info_2_top>.hotel_2_info_2_top_img{ margin: 20px 0 0 0; width: 148px; } .hotel_2_info_2_top>.hotel_2_info_2_top_img>div{ position: relative; z-index: 2; width: 148px; height: 148px; } .hotel_2_info_2_top>.hotel_2_info_2_top_img>div:nth-child(2){ margin: 20px 0 0 0; } .hotel_2_info_2_top>.hotel_2_info_2_top_img>div:hover>.travel_toolbar{ display: block; } .hotel_2_info_2_top>.hotel_2_info_2_top_img>div>.travel_toolbar{ display: none; position: absolute; z-index: 3; left: 0px; top: -30px; } .hotel_2_info_2_top>.hotel_2_info_2_top_img>div>.dragDiv{ position: relative; width: 100%; height: 100%; border-radius: 50%; overflow: hidden; } .hotel_2_info_2_top>.hotel_2_info_2_top_img>div>.dragDiv>div{ width: 100% !important; height: auto !important; } .hotel_2_info_2_top>.hotel_2_info_2_top_img>div>.dragDiv>div>img{ width: 100%; } .hotel_2_info_2_top>.hotel_2_info_2_top_left{ margin: 0 0 0 20px; padding: 60px 0 0 0; width: 55px; text-align: center; } .hotel_2_info_2_top>.hotel_2_info_2_top_left>img{ width: 55px; height: 55px; } .hotel_2_info_2_top>.hotel_2_info_2_top_left>div{ display: inline-block; margin: 12px 0 0 0; width: 2px; height: 180px; background-color: #f6dc61; } .hotel_2_info_2_top>.hotel_2_info_2_top_right{ margin: 0 0 0 30px; padding: 80px 0 0 0; width: 550px; } .hotel_2_info_2_top>.hotel_2_info_2_top_right>div:nth-child(1){ display: inline-block; padding: 10px 20px; background-color: #f6dc61; } .hotel_2_info_2_top>.hotel_2_info_2_top_right>div:nth-child(1)>div{ max-width: 300px; min-width: 30px; height: 30px; overflow: hidden; font-family: SimSun; font-size: 30px; line-height: 30px; color: #222222; position: relative; z-index: 5; } .hotel_2_info_2_top>.hotel_2_info_2_top_right>div:nth-child(2){ margin: 12px 0; height: 20px; } .hotel_2_info_2_top>.hotel_2_info_2_top_right>div:nth-child(3){ width: 100%; padding: 0 20px; } .hotel_2_info_2_top>.hotel_2_info_2_top_right>div:nth-child(3)>div{ width: 100%; min-width: 30px; height: 150px; overflow: hidden; font-family: Microsoft YaHei; font-size: 16px; line-height: 25px; color: #535353; position: relative; z-index: 5; } .hotel_2_info_2>.hotel_2_info_2_bottom{ margin: 35px 0 0 0; width: 100%; padding: 0 0 0 160px; } .hotel_2_info_2>.hotel_2_info_2_bottom>div{ position: relative; z-index: 2; display: inline-block; vertical-align: top; width: 415px; height: 233px; margin: 0 10px 0 0; } .hotel_2_info_2>.hotel_2_info_2_bottom>div:hover>.travel_toolbar{ display: block; } .hotel_2_info_2>.hotel_2_info_2_bottom>div>.travel_toolbar{ display: none; position: absolute; z-index: 3; left: 0px; top: -30px; } .hotel_2_info_2>.hotel_2_info_2_bottom>div>.dragDiv{ position: relative; width: 100%; height: 100%; overflow: hidden; } .hotel_2_info_2>.hotel_2_info_2_bottom>div>.dragDiv>div{ width: 100% !important; height: auto !important; } .hotel_2_info_2>.hotel_2_info_2_bottom>div>.dragDiv>div>img{ width: 100%; } /* 景点1 */ .travel_viewSpot_1{ position: relative; width: 100%; height: 100%; } .viewSpot_1_header{ position: relative; width: 1123px; height: 391px; } .viewSpot_1_header>.viewSpot_1_header_bg{ position: absolute; z-index: 1; left: 0px; top: 0px; width: 100%; height: 100%; } .viewSpot_1_header>.viewSpot_1_header_bg2{ position: absolute; z-index: 2; left: 470px; top: 50px; width: 189px; height: 173px; } .viewSpot_1_header>.viewSpot_1_header_title{ position: absolute; z-index: 2; left: 0px; top: 240px; width: 100%; } .viewSpot_1_header>.viewSpot_1_header_title>div:nth-child(1){ text-align: center; } .viewSpot_1_header>.viewSpot_1_header_title>div:nth-child(1)>div:nth-child(1){ display: inline-block; vertical-align: bottom; font-weight: bold; font-family: SimSun; font-size: 52px; color: #000000; position: relative; z-index: 5; } .viewSpot_1_header>.viewSpot_1_header_title>div:nth-child(1)>div:nth-child(2){ display: inline-block; vertical-align: bottom; max-width: 430px; min-width: 70px; height: 70px; overflow: hidden; font-weight: bold; font-family: SimSun; font-size: 70px; color: #000000; position: relative; z-index: 5; } .viewSpot_1_header>.viewSpot_1_header_title>div:nth-child(1)>div:nth-child(3){ display: inline-block; vertical-align: bottom; font-weight: bold; font-family: SimSun; font-size: 52px; color: #000000; position: relative; z-index: 5; } .viewSpot_1_header>.viewSpot_1_header_title>div:nth-child(2){ margin: auto; margin-top: 20px; width: 200px; position: relative; } .viewSpot_1_header>.viewSpot_1_header_title>div:nth-child(2)>img:nth-child(1){ position: absolute; left: -50px; top: 5px; width: 42px; height: 12px; } .viewSpot_1_header>.viewSpot_1_header_title>div:nth-child(2)>div{ width: 100%; height: 20px; overflow: hidden; line-height: 20px; text-align: center; font-family: SimSun; font-size: 14px; position: relative; z-index: 5; } .viewSpot_1_header>.viewSpot_1_header_title>div:nth-child(2)>img:nth-child(3){ position: absolute; right: -50px; top: 5px; width: 42px; height: 12px; } .viewSpot_1_info_1{ position: relative; width: 100%; } .viewSpot_1_info_1>.travel_toolbar_block{ position: absolute; z-index: 3; left: -30px; top: 30px; } .viewSpot_1_info_1>.viewSpot_1_info_1_img1{ position: relative; z-index: 2; width: 100%; height: 516px; } .viewSpot_1_info_1>.viewSpot_1_info_1_img1:hover>.travel_toolbar{ display: block; } .viewSpot_1_info_1>.viewSpot_1_info_1_img1>.travel_toolbar{ display: none; position: absolute; z-index: 3; left: 0px; top: -30px; } .viewSpot_1_info_1>.viewSpot_1_info_1_img1>.dragDiv{ position: relative; width: 100%; height: 100%; overflow: hidden; } .viewSpot_1_info_1>.viewSpot_1_info_1_img1>.dragDiv>div{ width: 100% !important; height: 100% !important; } .viewSpot_1_info_1>.viewSpot_1_info_1_img1>.dragDiv>div>img{ width: 100%; } .viewSpot_1_info_1>.viewSpot_1_info_1_info{ margin: 30px 0 0 0; padding: 0 0 0 135px; width: 100%; } .viewSpot_1_info_1>.viewSpot_1_info_1_info>div{ display: inline-block; vertical-align: top; } .viewSpot_1_info_1>.viewSpot_1_info_1_info>.viewSpot_1_info_1_info_left{ width: 55px; text-align: center; } .viewSpot_1_info_1>.viewSpot_1_info_1_info>.viewSpot_1_info_1_info_left>img{ width: 55px; height: 55px; } .viewSpot_1_info_1>.viewSpot_1_info_1_info>.viewSpot_1_info_1_info_left>div{ display: inline-block; margin: 12px 0 0 0; width: 2px; height: 110px; background-color: #f6dc61; } .viewSpot_1_info_1>.viewSpot_1_info_1_info>.viewSpot_1_info_1_info_right{ margin: 0 0 0 30px; padding: 10px 0 0 0; width: 760px; } .viewSpot_1_info_1_info>.viewSpot_1_info_1_info_right>div:nth-child(1){ display: inline-block; padding: 10px 20px; background-color: #f6dc61; } .viewSpot_1_info_1_info>.viewSpot_1_info_1_info_right>div:nth-child(1)>div{ max-width: 300px; min-width: 30px; height: 30px; overflow: hidden; font-family: SimSun; font-size: 30px; line-height: 30px; color: #222222; position: relative; z-index: 5; } .viewSpot_1_info_1_info>.viewSpot_1_info_1_info_right>div:nth-child(2){ margin: 10px 0 0 0; width: 100%; padding: 0 20px; } .viewSpot_1_info_1_info>.viewSpot_1_info_1_info_right>div:nth-child(2)>div{ width: 100%; min-width: 30px; height: 100px; overflow: hidden; font-family: Microsoft YaHei; font-size: 16px; line-height: 25px; color: #535353; } .viewSpot_1_info_2{ position: relative; margin: 50px 0 0 0; } .viewSpot_1_info_2>.travel_toolbar_block{ position: absolute; z-index: 3; left: -30px; top: 30px; } .viewSpot_1_info_2_bottom{ margin: 0 0 0 0; padding: 0 0 0 50px; width: 100%; } .viewSpot_1_info_2_bottom>div{ display: inline-block; vertical-align: top; } .viewSpot_1_info_2_bottom>.viewSpot_1_info_2_bottom_img{ margin: 20px 0 0 0; } .viewSpot_1_info_2_bottom>.viewSpot_1_info_2_bottom_img>div{ position: relative; z-index: 2; display: inline-block; vertical-align: top; width: 276px; height: 346px; } .viewSpot_1_info_2_bottom>.viewSpot_1_info_2_bottom_img>div:hover>.travel_toolbar{ display: block; } .viewSpot_1_info_2_bottom>.viewSpot_1_info_2_bottom_img>div>.travel_toolbar{ display: none; position: absolute; z-index: 3; left: 0px; top: -30px; } .viewSpot_1_info_2_bottom>.viewSpot_1_info_2_bottom_img>div>.dragDiv{ position: relative; width: 100%; height: 100%; overflow: hidden; } .viewSpot_1_info_2_bottom>.viewSpot_1_info_2_bottom_img>div>.dragDiv>div{ width: 100% !important; height: 100% !important; } .viewSpot_1_info_2_bottom>.viewSpot_1_info_2_bottom_img>div>.dragDiv>div>img{ /* width: 100%; */ height: 100%; } .viewSpot_1_info_2_bottom>.viewSpot_1_info_2_bottom_img>div:nth-child(1){} .viewSpot_1_info_2_bottom_img>div:nth-child(1)::before{ /*content: '';*/ /*display: block;*/ /*position: absolute;*/ /*z-index: 3;*/ /*left: 0px;*/ /*top: 0px;*/ /*width: 0px;*/ /*height: 0px;*/ /*border-top: 7px solid #FFFFFF;*/ /*border-bottom: 7px solid transparent;*/ /*border-left: 138px solid transparent;*/ /*border-right: 138px solid #FFFFFF;*/ } .viewSpot_1_info_2_bottom_img>div:nth-child(1)::after{ /*content: '';*/ /*display: block;*/ /*position: absolute;*/ /*z-index: 3;*/ /*left: 0px;*/ /*bottom: 0px;*/ /*width: 0px;*/ /*height: 0px;*/ /*border-top: 4px solid transparent;*/ /*border-bottom: 4px solid #FFFFFF;*/ /*border-left: 138px solid #FFFFFF;*/ /*border-right: 138px solid transparent;*/ } .viewSpot_1_info_2_bottom>.viewSpot_1_info_2_bottom_img>div:nth-child(2){ margin: 0 0 0 10px; } .viewSpot_1_info_2_bottom_img>div:nth-child(2)::before{ /*content: '';*/ /*display: block;*/ /*position: absolute;*/ /*z-index: 3;*/ /*left: 0px;*/ /*top: 0px;*/ /*width: 0px;*/ /*height: 0px;*/ /*border-top: 7px solid #FFFFFF;*/ /*border-bottom: 7px solid transparent;*/ /*border-left: 138px solid #FFFFFF;*/ /*border-right: 138px solid transparent;*/ } .viewSpot_1_info_2_bottom_img>div:nth-child(2)::after{ /*content: '';*/ /*display: block;*/ /*position: absolute;*/ /*z-index: 3;*/ /*left: 0px;*/ /*bottom: 0px;*/ /*width: 0px;*/ /*height: 0px;*/ /*border-top: 15px solid transparent;*/ /*border-bottom: 15px solid #FFFFFF;*/ /*border-left: 138px solid #FFFFFF;*/ /*border-right: 138px solid transparent;*/ } .viewSpot_1_info_2_bottom>.viewSpot_1_info_2_bottom_left{ margin: 0 0 0 20px; width: 55px; text-align: center; } .viewSpot_1_info_2_bottom>.viewSpot_1_info_2_bottom_left>img{ width: 55px; height: 55px; } .viewSpot_1_info_2_bottom>.viewSpot_1_info_2_bottom_left>div{ display: inline-block; margin: 12px 0 0 0; width: 2px; height: 290px; background-color: #f6dc61; } .viewSpot_1_info_2_bottom>.viewSpot_1_info_2_bottom_right{ margin: 0 0 0 30px; padding: 10px 0 0 0; width: 360px; } .viewSpot_1_info_2_bottom>.viewSpot_1_info_2_bottom_right>div:nth-child(1){ display: inline-block; padding: 10px 20px; background-color: #f6dc61; } .viewSpot_1_info_2_bottom>.viewSpot_1_info_2_bottom_right>div:nth-child(1)>div{ max-width: 300px; min-width: 30px; height: 30px; overflow: hidden; font-family: SimSun; font-size: 30px; line-height: 30px; color: #222222; position: relative; z-index: 5; } .viewSpot_1_info_2_bottom>.viewSpot_1_info_2_bottom_right>div:nth-child(2){ margin: 12px 0; height: 20px; } .viewSpot_1_info_2_bottom>.viewSpot_1_info_2_bottom_right>div:nth-child(3){ width: 100%; padding: 0 20px; } .viewSpot_1_info_2_bottom>.viewSpot_1_info_2_bottom_right>div:nth-child(3)>div{ width: 100%; min-width: 30px; height: 230px; overflow: hidden; font-family: Microsoft YaHei; font-size: 16px; line-height: 25px; color: #535353; position: relative; z-index: 5; } /* 景点2 */ .travel_viewSpot_2{ position: relative; width: 100%; height: 100%; } .viewSpot_2_info_1{ position: relative; width: 100%; } .viewSpot_2_info_1>.travel_toolbar_block{ position: absolute; z-index: 3; left: -30px; top: 30px; } .viewSpot_2_info_1>.viewSpot_2_info_1_info{ margin: 0 0 0 0; padding: 50px 0 0 60px; width: 100%; } .viewSpot_2_info_1>.viewSpot_2_info_1_info>div{ display: inline-block; vertical-align: top; } .viewSpot_2_info_1>.viewSpot_2_info_1_info>.viewSpot_2_info_1_info_left{ width: 55px; text-align: center; } .viewSpot_2_info_1>.viewSpot_2_info_1_info>.viewSpot_2_info_1_info_left>img{ width: 55px; height: 55px; } .viewSpot_2_info_1>.viewSpot_2_info_1_info>.viewSpot_2_info_1_info_left>div{ display: inline-block; margin: 12px 0 0 0; width: 2px; height: 110px; background-color: #f6dc61; } .viewSpot_2_info_1>.viewSpot_2_info_1_info>.viewSpot_2_info_1_info_right{ margin: 0 0 0 30px; padding: 10px 0 0 0; width: 760px; } .viewSpot_2_info_1_info>.viewSpot_2_info_1_info_right>div:nth-child(1){ display: inline-block; padding: 10px 20px; background-color: #f6dc61; } .viewSpot_2_info_1_info>.viewSpot_2_info_1_info_right>div:nth-child(1)>div{ max-width: 300px; min-width: 30px; height: 30px; overflow: hidden; font-family: SimSun; font-size: 30px; line-height: 30px; color: #222222; position: relative; z-index: 5; } .viewSpot_2_info_1_info>.viewSpot_2_info_1_info_right>div:nth-child(2){ width: 100%; margin: 10px 0 0 0; padding: 0 20px; } .viewSpot_2_info_1_info>.viewSpot_2_info_1_info_right>div:nth-child(2)>div{ width: 100%; min-width: 30px; height: 100px; overflow: hidden; font-family: Microsoft YaHei; font-size: 16px; line-height: 25px; color: #535353; } .viewSpot_2_info_1>.viewSpot_2_info_1_img{ position: relative; margin: 60px 0 0 0; width: 100%; height: 544px; } .viewSpot_2_info_1>.viewSpot_2_info_1_img>.viewSpot_2_info_1_img1{ position: relative; z-index: 2; width: 100%; height: 100%; } .viewSpot_2_info_1>.viewSpot_2_info_1_img>.viewSpot_2_info_1_img1:hover>.travel_toolbar{ display: block; } .viewSpot_2_info_1>.viewSpot_2_info_1_img>.viewSpot_2_info_1_img1>.travel_toolbar{ display: none; position: absolute; z-index: 3; left: 0px; top: -30px; } .viewSpot_2_info_1>.viewSpot_2_info_1_img>.viewSpot_2_info_1_img1>.dragDiv{ position: relative; width: 100%; height: 100%; overflow: hidden; } .viewSpot_2_info_1>.viewSpot_2_info_1_img>.viewSpot_2_info_1_img1>.dragDiv>div{ width: 100% !important; height: 100% !important; } .viewSpot_2_info_1>.viewSpot_2_info_1_img>.viewSpot_2_info_1_img1>.dragDiv>div>img{ width: 100%; } .viewSpot_2_info_1>.viewSpot_2_info_1_img>.viewSpot_2_info_1_img2{ position: absolute; z-index: 3; right: 290px; top: -55px; width: 157px; height: 157px; border: 5px solid #FFFFFF; border-radius: 50%; /*overflow: hidden;*/ -webkit-box-shadow: 0px 0px 10px 5px #EAEAEA; box-shadow: 0px 0px 10px 5px #EAEAEA; } .viewSpot_2_info_1>.viewSpot_2_info_1_img>.viewSpot_2_info_1_img2:hover>.travel_toolbar{ display: block; } .viewSpot_2_info_1>.viewSpot_2_info_1_img>.viewSpot_2_info_1_img2>.travel_toolbar{ display: none; position: absolute; z-index: 4; left: 0px; top: -30px; } .viewSpot_2_info_1>.viewSpot_2_info_1_img>.viewSpot_2_info_1_img2>.dragDiv{ position: relative; width: 100%; height: 100%; /*border: 5px solid #FFFFFF;*/ border-radius: 50%; overflow: hidden; /*box-shadow: 0px 0px 10px 5px #EAEAEA;*/ z-index: 2; } .viewSpot_2_info_1>.viewSpot_2_info_1_img>.viewSpot_2_info_1_img2>.dragDiv>div{ width: 100% !important; height: 100% !important; overflow: hidden; } .viewSpot_2_info_1>.viewSpot_2_info_1_img>.viewSpot_2_info_1_img2>.dragDiv>div>img{ width: 100%; height: 100%; border-radius: 50%; } .viewSpot_2_info_1>.viewSpot_2_info_1_img>.viewSpot_2_info_1_img3{ position: absolute; z-index: 3; right: 100px; top: -55px; width: 157px; height: 157px; border: 5px solid #FFFFFF; border-radius: 50%; /*overflow: hidden;*/ box-shadow: 0px 0px 10px 5px #EAEAEA; } .viewSpot_2_info_1>.viewSpot_2_info_1_img>.viewSpot_2_info_1_img3:hover>.travel_toolbar{ display: block; } .viewSpot_2_info_1>.viewSpot_2_info_1_img>.viewSpot_2_info_1_img3>.travel_toolbar{ display: none; position: absolute; z-index: 4; left: 0px; top: -30px; } .viewSpot_2_info_1>.viewSpot_2_info_1_img>.viewSpot_2_info_1_img3>.dragDiv{ position: relative; width: 100%; height: 100%; overflow: hidden; border-radius: 50%; } .viewSpot_2_info_1>.viewSpot_2_info_1_img>.viewSpot_2_info_1_img3>.dragDiv>div{ width: 100% !important; height: 100% !important; overflow: hidden; } .viewSpot_2_info_1>.viewSpot_2_info_1_img>.viewSpot_2_info_1_img3>.dragDiv>div>img{ width: 100%; height: 100%; border-radius: 50%; } .viewSpot_2_info_2{ position: relative; width: 100%; } .viewSpot_2_info_2>.viewSpot_2_info_2_info_1{ position: absolute; z-index: 4; left: 219px; top: 56px; width: 390px; } .viewSpot_2_info_2>.viewSpot_2_info_2_info_1>div:nth-child(1){ display: inline-block; padding: 10px 20px; background-color: #f6dc61; } .viewSpot_2_info_2>.viewSpot_2_info_2_info_1>div:nth-child(1)>div{ max-width: 300px; min-width: 30px; height: 30px; overflow: hidden; font-family: SimSun; font-size: 30px; line-height: 30px; color: #222222; position: relative; z-index: 5; } .viewSpot_2_info_2>.viewSpot_2_info_2_info_1>div:nth-child(2){ width: 100%; margin: 10px 0 0 0; padding: 0 20px; } .viewSpot_2_info_2>.viewSpot_2_info_2_info_1>div:nth-child(2)>div{ width: 100%; min-width: 30px; height: 75px; overflow: hidden; font-family: Microsoft YaHei; font-size: 16px; line-height: 25px; color: #535353; } .viewSpot_2_info_2>.viewSpot_2_info_2_info_2{ position: absolute; z-index: 3; right: 30px; top: 643px; } .viewSpot_2_info_2>.viewSpot_2_info_2_info_2>div:nth-child(1){ display: inline-block; padding: 10px 20px; background-color: #f6dc61; vertical-align: middle; } .viewSpot_2_info_2>.viewSpot_2_info_2_info_2>div:nth-child(1)>div{ max-width: 300px; min-width: 30px; height: 30px; overflow: hidden; font-family: SimSun; font-size: 30px; line-height: 30px; color: #222222; position: relative; z-index: 5; } .viewSpot_2_info_2>.viewSpot_2_info_2_info_2>div:nth-child(2){ display: inline-block; width: 550px; margin: 10px 0 0 0; padding: 0 20px; vertical-align: middle; } .viewSpot_2_info_2>.viewSpot_2_info_2_info_2>div:nth-child(2)>div{ width: 100%; min-width: 30px; height: 75px; overflow: hidden; font-family: Microsoft YaHei; font-size: 16px; line-height: 25px; color: #535353; } .viewSpot_2_info_2>.viewSpot_2_info_2_info_3{ position: absolute; z-index: 4; left: 780px; top: 56px; width: 300px; text-align: center; } .viewSpot_2_info_2>.viewSpot_2_info_2_info_3>div:nth-child(1){ display: inline-block; padding: 10px 20px; background-color: #f6dc61; } .viewSpot_2_info_2>.viewSpot_2_info_2_info_3>div:nth-child(1)>div{ max-width: 300px; min-width: 30px; height: 30px; overflow: hidden; font-family: SimSun; font-size: 30px; line-height: 30px; color: #222222; position: relative; z-index: 5; } .viewSpot_2_info_2>.viewSpot_2_info_2_info_3>div:nth-child(2){ width: 100%; margin: 10px 0 0 0; padding: 0 20px; } .viewSpot_2_info_2>.viewSpot_2_info_2_info_3>div:nth-child(2)>div{ width: 100%; min-width: 30px; height: 75px; overflow: hidden; font-family: Microsoft YaHei; font-size: 16px; line-height: 25px; color: #535353; } .viewSpot_2_info_2>.viewSpot_2_info_2_img{ position: relative; z-index: 3; padding: 220px 0 0 0; } .viewSpot_2_info_2>.viewSpot_2_info_2_img>div{ position: relative; z-index: 2; display: inline-block; vertical-align: top; width: 362px; height: 393px; } .viewSpot_2_info_2>.viewSpot_2_info_2_img>div>.travel_toolbar_block{ position: absolute; z-index: 3; left: 0px; top: 30px; } .viewSpot_2_info_2>.viewSpot_2_info_2_img>div:hover>.travel_toolbar{ display: block; } .viewSpot_2_info_2>.viewSpot_2_info_2_img>div>.travel_toolbar{ display: none; position: absolute; z-index: 3; left: 0px; top: -30px; } .viewSpot_2_info_2>.viewSpot_2_info_2_img>div>.dragDiv{ position: relative; width: 100%; height: 100%; overflow: hidden; } .viewSpot_2_info_2>.viewSpot_2_info_2_img>div>.dragDiv>div{ width: 100% !important; height: 100% !important; } .viewSpot_2_info_2>.viewSpot_2_info_2_img>div>.dragDiv>div>img{ /* width: 100%; */ height: 100%; } .viewSpot_2_info_2>.viewSpot_2_info_2_img>div:nth-child(1){} /*.viewSpot_2_info_2_img>div:nth-child(1)::before{*/ /*content: '';*/ /*display: block;*/ /*position: absolute;*/ /*z-index: 3;*/ /*left: 0px;*/ /*top: 0px;*/ /*width: 0px;*/ /*height: 0px;*/ /*border-top: 7px solid #FFFFFF;*/ /*border-bottom: 7px solid transparent;*/ /*border-left: 181px solid transparent;*/ /*border-right: 181px solid #FFFFFF;*/ /*}*/ .viewSpot_2_info_2_img>div:nth-child(1)::after{ /*content: '';*/ /*display: block;*/ /*position: absolute;*/ /*z-index: 3;*/ /*left: 0px;*/ /*bottom: 0px;*/ /*width: 0px;*/ /*height: 0px;*/ /*border-top: 4px solid transparent;*/ /*border-bottom: 4px solid #FFFFFF;*/ /*border-left: 181px solid #FFFFFF;*/ /*border-right: 181px solid transparent;*/ } .viewSpot_2_info_2>.viewSpot_2_info_2_img>div:nth-child(2){ margin: 0 16px; } .viewSpot_2_info_2_img>div:nth-child(2)::before{ /*content: '';*/ /*display: block;*/ /*position: absolute;*/ /*z-index: 3;*/ /*left: 0px;*/ /*top: 0px;*/ /*width: 0px;*/ /*height: 0px;*/ /*border-top: 7px solid #FFFFFF;*/ /*border-bottom: 7px solid transparent;*/ /*border-left: 181px solid #FFFFFF;*/ /*border-right: 181px solid transparent;*/ } .viewSpot_2_info_2_img>div:nth-child(2)::after{ /*content: '';*/ /*display: block;*/ /*position: absolute;*/ /*z-index: 3;*/ /*left: 0px;*/ /*bottom: 0px;*/ /*width: 0px;*/ /*height: 0px;*/ /*border-top: 15px solid transparent;*/ /*border-bottom: 15px solid #FFFFFF;*/ /*border-left: 181px solid #FFFFFF;*/ /*border-right: 181px solid transparent;*/ } .viewSpot_2_info_2>.viewSpot_2_info_2_img>div:nth-child(3){} .viewSpot_2_info_2_img>div:nth-child(3)::before{ /*content: '';*/ /*display: block;*/ /*position: absolute;*/ /*z-index: 3;*/ /*left: 0px;*/ /*top: 0px;*/ /*width: 0px;*/ /*height: 0px;*/ /*border-top: 7px solid #FFFFFF;*/ /*border-bottom: 7px solid transparent;*/ /*border-left: 181px solid transparent;*/ /*border-right: 181px solid #FFFFFF;*/ } .viewSpot_2_info_2_img>div:nth-child(3)::after{ /*content: '';*/ /*display: block;*/ /*position: absolute;*/ /*z-index: 3;*/ /*left: 0px;*/ /*bottom: 0px;*/ /*width: 0px;*/ /*height: 0px;*/ /*border-top: 2px solid transparent;*/ /*border-bottom: 2px solid #FFFFFF;*/ /*border-left: 181px solid transparent;*/ /*border-right: 181px solid #FFFFFF;*/ } .viewSpot_2_info_2>.viewSpot_2_info_2_line_1{ position: absolute; z-index: 2; left: 170px; top: 180px; } .viewSpot_2_info_2>.viewSpot_2_info_2_line_2{ position: absolute; z-index: 2; left: 450px; top: 560px; } .viewSpot_2_info_2>.viewSpot_2_info_2_line_3{ position: absolute; z-index: 2; right: 250px; top: 190px; } /* 餐厅 */ .travel_restaurant_1{ position: relative; width: 100%; height: 100%; } .restaurant_1_header{ position: relative; width: 1123px; height: 391px; } .restaurant_1_header>.restaurant_1_header_bg{ position: absolute; z-index: 1; left: 0px; top: 0px; width: 100%; height: 100%; } .restaurant_1_header>.restaurant_1_header_bg2{ position: absolute; z-index: 2; left: 470px; top: 50px; width: 189px; height: 173px; } .restaurant_1_header>.restaurant_1_header_title{ position: absolute; z-index: 2; left: 0px; top: 240px; width: 100%; } .restaurant_1_header>.restaurant_1_header_title>div:nth-child(1){ text-align: center; } .restaurant_1_header>.restaurant_1_header_title>div:nth-child(1)>div:nth-child(1){ display: inline-block; vertical-align: bottom; font-weight: bold; font-family: SimSun; font-size: 52px; color: #000000; position: relative; z-index: 5; } .restaurant_1_header>.restaurant_1_header_title>div:nth-child(1)>div:nth-child(2){ display: inline-block; vertical-align: bottom; max-width: 430px; min-width: 70px; height: 70px; overflow: hidden; font-weight: bold; font-family: SimSun; font-size: 70px; color: #000000; position: relative; z-index: 5; } .restaurant_1_header>.restaurant_1_header_title>div:nth-child(1)>div:nth-child(3){ display: inline-block; vertical-align: bottom; font-weight: bold; font-family: SimSun; font-size: 52px; color: #000000; position: relative; z-index: 5; } .restaurant_1_header>.restaurant_1_header_title>div:nth-child(2){ margin: auto; margin-top: 20px; width: 160px; position: relative; } .restaurant_1_header>.restaurant_1_header_title>div:nth-child(2)>img:nth-child(1){ position: absolute; left: -50px; top: 4px; width: 42px; height: 12px; } .restaurant_1_header>.restaurant_1_header_title>div:nth-child(2)>div{ width: 100%; height: 20px; overflow: hidden; line-height: 20px; text-align: center; font-family: SimSun; font-size: 14px; position: relative; z-index: 5; } .restaurant_1_header>.restaurant_1_header_title>div:nth-child(2)>img:nth-child(3){ position: absolute; right: -50px; top: 4px; width: 42px; height: 12px; } .restaurant_1_info_1{ position: relative; width: 100%; } .restaurant_1_info_1>.travel_toolbar_block{ position: absolute; z-index: 3; left: -30px; top: 30px; } .restaurant_1_info_1>.restaurant_1_info_1_img1{ position: relative; z-index: 2; width: 100%; height: 406px; } .restaurant_1_info_1>.restaurant_1_info_1_img1:hover>.travel_toolbar{ display: block; } .restaurant_1_info_1>.restaurant_1_info_1_img1>.travel_toolbar{ display: none; position: absolute; z-index: 3; left: 0px; top: -30px; } .restaurant_1_info_1>.restaurant_1_info_1_img1>.dragDiv{ position: relative; width: 100%; height: 100%; overflow: hidden; } .restaurant_1_info_1>.restaurant_1_info_1_img1>.dragDiv>div{ width: 100% !important; height: 100% !important; } .restaurant_1_info_1>.restaurant_1_info_1_img1>.dragDiv>div>img{ width: 100%; } .restaurant_1_info_1>.restaurant_1_info_1_info{ margin: 30px 0 0 0; padding: 0 0 0 135px; width: 100%; } .restaurant_1_info_1>.restaurant_1_info_1_info>div{ display: inline-block; vertical-align: top; } .restaurant_1_info_1>.restaurant_1_info_1_info>.restaurant_1_info_1_info_left{ width: 55px; text-align: center; } .restaurant_1_info_1>.restaurant_1_info_1_info>.restaurant_1_info_1_info_left>img{ width: 55px; height: 55px; } .restaurant_1_info_1>.restaurant_1_info_1_info>.restaurant_1_info_1_info_left>div{ display: inline-block; margin: 12px 0 0 0; width: 2px; height: 110px; background-color: #f6dc61; } .restaurant_1_info_1>.restaurant_1_info_1_info>.restaurant_1_info_1_info_right{ margin: 0 0 0 30px; padding: 10px 0 0 0; width: 760px; } .restaurant_1_info_1_info>.restaurant_1_info_1_info_right>div:nth-child(1){ display: inline-block; padding: 10px 20px; background-color: #f6dc61; } .restaurant_1_info_1_info>.restaurant_1_info_1_info_right>div:nth-child(1)>div{ max-width: 300px; min-width: 30px; height: 30px; overflow: hidden; font-family: SimSun; font-size: 30px; line-height: 30px; color: #222222; position: relative; z-index: 5; } .restaurant_1_info_1_info>.restaurant_1_info_1_info_right>div:nth-child(2){ margin: 10px 0 0 0; width: 100%; padding: 0 20px; } .restaurant_1_info_1_info>.restaurant_1_info_1_info_right>div:nth-child(2)>div{ width: 100%; min-width: 30px; height: 100px; overflow: hidden; font-family: Microsoft YaHei; font-size: 16px; line-height: 25px; color: #535353; } .restaurant_1_info_2{ position: relative; margin:20px 0 0 0; width: 100%; } .restaurant_1_info_2>.travel_toolbar_block{ position: absolute; z-index: 3; left: -30px; top: 30px; } .restaurant_1_info_2_left{ display: inline-block; vertical-align: bottom; margin: 0 0 0 50px; width: 505px; } .restaurant_1_info_2_left>div{ position: relative; z-index: 2; width: 505px; height: 332px; } .restaurant_1_info_2_left>div:hover>.travel_toolbar{ display: block; } .restaurant_1_info_2_left>div>.travel_toolbar{ display: none; position: absolute; z-index: 3; left: 0px; top: -30px; } .restaurant_1_info_2_left>div>.dragDiv{ position: relative; width: 100%; height: 100%; overflow: hidden; } .restaurant_1_info_2_left>div>.dragDiv>div{ width: 100% !important; height: auto !important; } .restaurant_1_info_2_left>div>.dragDiv>div>img{ width: 100%; } .restaurant_1_info_2_right{ position: relative; z-index: 3; display: inline-block; vertical-align: bottom; margin: 0 0 0 30px; width: 500px; } .restaurant_1_info_2_right>.restaurant_1_info_2_right_top{ width: 100%; padding: 0 0 0 0; } .restaurant_1_info_2_right>.restaurant_1_info_2_right_top>div{ position: relative; z-index: 2; display: inline-block; vertical-align: top; margin: 0 0 0 20px; width: 227px; height: 227px; /* border-radius: 50%; */ } .restaurant_1_info_2_right>.restaurant_1_info_2_right_top>div:hover>.travel_toolbar{ display: block; } .restaurant_1_info_2_right>.restaurant_1_info_2_right_top>div>.travel_toolbar{ display: none; position: absolute; z-index: 3; left: 0px; top: -25px; } .restaurant_1_info_2_right>.restaurant_1_info_2_right_top>div>.dragDiv{ position: relative; width: 100%; height: 100%; border-radius: 50%; overflow: hidden; } .restaurant_1_info_2_right>.restaurant_1_info_2_right_top>div>.dragDiv>div{ width: 100% !important; height: 100% !important; } .restaurant_1_info_2_right>.restaurant_1_info_2_right_top>div>.dragDiv>div>img{ width: 100%; height: 100%; border-radius: 50%; } .restaurant_1_info_2_right_bottom{ margin: 30px 0 0 0; padding: 0 0 0 0; width: 100%; } .restaurant_1_info_2_right_bottom>div{ display: inline-block; vertical-align: top; } .restaurant_1_info_2_right_bottom>.restaurant_1_info_2_right_bottom_left{ margin: 0 0 0 0; width: 55px; text-align: center; } .restaurant_1_info_2_right_bottom>.restaurant_1_info_2_right_bottom_left>img{ width: 55px; height: 55px; } .restaurant_1_info_2_right_bottom>.restaurant_1_info_2_right_bottom_left>div{ display: inline-block; margin: 12px 0 0 0; width: 2px; height: 140px; background-color: #f6dc61; } .restaurant_1_info_2_right_bottom>.restaurant_1_info_2_right_bottom_right{ margin: 0 0 0 30px; padding: 10px 0 0 0; width: 370px; } .restaurant_1_info_2_right_bottom>.restaurant_1_info_2_right_bottom_right>div:nth-child(1){ display: inline-block; padding: 10px 20px; background-color: #f6dc61; } .restaurant_1_info_2_right_bottom>.restaurant_1_info_2_right_bottom_right>div:nth-child(1)>div{ max-width: 300px; min-width: 30px; height: 30px; overflow: hidden; font-family: SimSun; font-size: 30px; line-height: 30px; color: #222222; position: relative; z-index: 5; } .restaurant_1_info_2_right_bottom>.restaurant_1_info_2_right_bottom_right>div:nth-child(2){ margin: 12px 0; height: 20px; } .restaurant_1_info_2_right_bottom>.restaurant_1_info_2_right_bottom_right>div:nth-child(3){ width: 100%; padding: 0 20px; } .restaurant_1_info_2_right_bottom>.restaurant_1_info_2_right_bottom_right>div:nth-child(3)>div{ width: 100%; min-width: 30px; height: 100px; overflow: hidden; font-family: Microsoft YaHei; font-size: 16px; line-height: 25px; color: #535353; } .viewSpot_2_info_2>.viewSpot_2_info_2_img>div>.dragDiv>div.triangle_border_rb,.viewSpot_1_info_2_bottom>.viewSpot_1_info_2_bottom_img>div>.dragDiv>div.triangle_border_rb{ width: 0 !important; height: 0 !important; border-style: solid; border-color: #fff transparent transparent transparent; /* margin: 40px auto; */ position: absolute; border-width: 14px 0px 0px 366px; z-index: 3; top: -1px; left: -2px; } .viewSpot_1_info_2_bottom>.viewSpot_1_info_2_bottom_img>div>.dragDiv>div.triangle_border_rb{ border-width: 14px 0px 0px 284px; } .viewSpot_2_info_2>.viewSpot_2_info_2_img>div>.dragDiv>div.triangle_border_rb_b,.viewSpot_1_info_2_bottom>.viewSpot_1_info_2_bottom_img>div>.dragDiv>div.triangle_border_rb_b{ width: 0 !important; height: 0 !important; border-style: solid; border-color: transparent transparent transparent #fff; /* margin: 40px auto; */ position: absolute; border-width: 12px 0 30px 366px; z-index: 3; bottom: -30px; left: -2px; } .viewSpot_1_info_2_bottom>.viewSpot_1_info_2_bottom_img>div>.dragDiv>div.triangle_border_rb_b{ border-width: 12px 0 30px 284px; } .viewSpot_2_info_2>.viewSpot_2_info_2_img>div>.dragDiv>div.triangle_border_rb_c,.viewSpot_1_info_2_bottom>.viewSpot_1_info_2_bottom_img>div>.dragDiv>div.triangle_border_rb_c{ width: 0 !important; height: 0 !important; border-style: solid; border-color: #fff transparent transparent transparent; /* margin: 40px auto; */ position: absolute; border-width:15px 366px 0px 0; z-index: 3; top: -1px; left: -2px; } .viewSpot_1_info_2_bottom>.viewSpot_1_info_2_bottom_img>div>.dragDiv>div.triangle_border_rb_c{ border-width:15px 284px 0px 0; } .viewSpot_2_info_2>.viewSpot_2_info_2_img>div>.dragDiv>div.triangle_border_rb_b_c{ width: 0 !important; height: 0 !important; border-style: solid; border-color: transparent transparent transparent #fff; /* margin: 40px auto; */ position: absolute; border-width: 12px 0 30px 366px; z-index: 3; bottom: -30px; left: -2px; } .save_overflow_hidden{ overflow: hidden !important; } .__flower{ width: 90px; position: relative; left: -158px; top: 0px; } .__flower_J{ left: -135px; } .template_bg_1{ background-color: #f6dc61 !important } .template_bg_2{ background-color: #ffc2ca !important } .template_bg_3{ background-color: #9cdaff !important }