@charset "utf-8";
input:-webkit-autofill{-webkit-box-shadow: 0 0 0px 1000px white inset;}
.Lott-Li{height: 100%;padding-top: 90px;padding-bottom: 90px;}
.g-full{width: 1480px;margin: 0 auto;}
@media (max-width: 1480px){.g-full{width: 1200px;margin: 0 auto;}}
@media (max-width: 1200px){.g-full{width: 92%;margin: 0 auto;}}
.Lott-Li-list{display: flex;flex-wrap: wrap;}
.Lott-Li-list li:nth-child(3n){margin-right: 0;}
.Lott-Li-list li{width: calc((100% - 76px) / 3); margin-bottom: 70px;display: flex;flex-direction: column;justify-content: space-between;margin-right: 38px;position: relative;overflow: hidden;}
.Lott-Li-list .high-imgs{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;z-index: 1;transition: all 0.25s ease;}
.Lott-Li-list .high-imgs::after { position: absolute; left: -5px; right: -5px;height: 183px; bottom: 0; content: ""; background-color: rgba(255,255,255); z-index: 1; transition: height 0.25s ease; }
.Lott-Li-list li .high-imgs img{/*  height: 100%; */width: 100%;position: absolute;background-position: center top;background-size: cover;background-repeat: no-repeat;}
.Lott-Li-list li .high-imgs img{
	transition: transform 0.6s;
	-moz-transition: transform 0.6s; 
	-webkit-transition: transform 0.6s; 
	-o-transition: transform 0.6s;
	max-width: 100%;
}
.Lott-Li-list li:hover .high-imgs img{
	transform:scale(1.1);
	-ms-transform:scale(1.1); 	
	-moz-transform:scale(1.1); 	
	-webkit-transform:scale(1.1); 
	-o-transform:scale(1.1); 
}
.Lott-Li-list .high-detail{position: absolute;bottom: 0;left: 0;width: 100%;overflow: hidden;z-index: 2;}
.Lott-Li-list .high-detail .title{margin-top: 28px;font-size: 24px;line-height: 1.5;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;text-overflow: ellipsis;overflow: hidden;}
.Lott-Li-list .high-detail .detail{min-height: 60px;margin-bottom: 30px; margin-top: 16px;font-size: 16px;line-height: 1.875;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;text-overflow: ellipsis;overflow: hidden;}
.Lott-Li-list .high-detail .time{margin-top: 5px;font-size: 16px;line-height: 1;}
.Lott-Li-list li:hover .high-imgs{z-index: 3;}
.Lott-Li-list li:hover .high-imgs::after { height: 0; } 
.Lott-Li-list li:hover .high-detail { opacity: 0; }

.Lott-Li-paging{margin-bottom: 30px; padding-top: 20px; text-align: center;}
.Lott-Li-paging a{display: flex;align-items: center;justify-content: center;width: 140px;margin: 0 auto;font-size: 16px;line-height: 2.5;text-align: center;color: #333;border: 1px solid #82aebe;border-radius: 20px;}
.Lott-Li-paging a::after{position: relative;content: "";display: block;width: 8px;height: 8px;margin-left: 15px;border-top: 1px solid #333;border-left: 1px solid #333; transform: rotate(225deg);    transform-origin: center 3px; }
.Lott-Li-list2{display: flex;flex-wrap: wrap;}
.Lott-Li-list2 li:nth-child(3n){margin-right: 0;}
.Lott-Li-list2 li{width: calc((100% - 76px) / 3); margin-bottom: 38px;background: #effbff;display: flex;flex-direction: column;justify-content: space-between;margin-right: 38px;position: relative;overflow: hidden;transition: all 0.25s ease;}
.Lott-Li-list2 .high-detail{width: 100%;overflow: hidden;}
.Lott-Li-list2 .high-detail .title{min-height: 72px; padding: 40px 5% 0; color: #333; font-size: 24px;line-height: 1.5;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;text-overflow: ellipsis;overflow: hidden;}
.Lott-Li-list2 .high-detail .detail{min-height: 60px;margin-top: 26px; padding: 0 5%; color: #666;font-size: 16px;line-height: 1.875;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;text-overflow: ellipsis;overflow: hidden;}
.Lott-Li-list2 .high-detail .time{margin-top: 20px; padding: 16px 5%; color: #666; display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #e5ebed; font-size: 16px;line-height: 2.5;}
.Lott-Li-list2 .high-detail .time::after{ content: "";display: block;width: 40px;height: 40px; border: 1px solid #c6cdcf; background-position: center; background-repeat: no-repeat; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg t='1731549165874' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='10304' width='18' height='18'%3E%3Cpath d='M841.076364 546.909091H162.909091a34.909091 34.909091 0 0 1 0-69.818182h678.167273a34.909091 34.909091 0 0 1 0 69.818182z' fill='%23c6cdcf' p-id='10305'%3E%3C/path%3E%3Cpath d='M861.090909 546.909091a34.443636 34.443636 0 0 1-24.901818-10.472727l-182.458182-186.181819A34.909091 34.909091 0 0 1 703.534545 302.545455l182.458182 186.181818a34.909091 34.909091 0 0 1 0 49.338182 34.443636 34.443636 0 0 1-24.901818 8.843636z' fill='%23c6cdcf' p-id='10306'%3E%3C/path%3E%3Cpath d='M678.632727 733.090909a34.909091 34.909091 0 0 1-24.901818-58.181818l182.458182-186.181818a34.909091 34.909091 0 1 1 49.803636 48.872727l-182.458182 186.181818a34.443636 34.443636 0 0 1-24.901818 9.309091z' fill='%23c6cdcf' p-id='10307'%3E%3C/path%3E%3C/svg%3E"); border-radius: 100%;transition: all 0.25s ease; }
.Lott-Li-list2 li:hover { box-shadow: 0px 4px 29px rgba(0, 90, 122, .07); }
.Lott-Li-list2 li:hover .high-detail .time::after { fill: #005a7a; border: 1px solid #005a7a; background-color: #005a7a; }
.Lott-Li-list2 li:hover .high-detail .title{color: #005a7a}
.Lott-Li-paging a:hover{background: #005a7a;color: #fff;}
.Lott-Li-paging a:hover::after{border-top: 1px solid #fff;border-left: 1px solid #fff;}

.sanya-news-box { padding-bottom: 120px; background-color: #effbff; }
.sanya-breadcrumb { padding: 50px 0 60px; display: flex; justify-content: space-between; align-items: center; }
.sanya-breadcrumb .back { display: block; width: 38px; height: 38px; border-radius: 50%; background-color: #005a7a; background-position: center; background-repeat: no-repeat;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg t='1731650797117' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='3925' width='15' height='15'%3E%3Cpath d='M622.651 263.568h-174.906v-142.078l-383.764 191.881 383.763 191.882 0-141.752h189.391c149.914 0 224.855 62.789 224.855 188.368 0 129.928-77.436 194.876-232.339 194.876h-441.7v99.932h446.194c211.185 0 316.778-95.104 316.778-285.311-0-198.521-109.414-297.798-328.274-297.798z' p-id='3926' fill='%23ffffff'%3E%3C/path%3E%3C/svg%3E"); color: #fff; font-size: 18px; line-height: 38px; text-align: center; }
.breadcrumb { padding-left: 20px; color: #999; font-size: 14px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg t='1731651267032' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='9387' width='18' height='18'%3E%3Cpath d='M560.872727 88.436364c-23.272727-23.272727-65.163636-23.272727-90.763636 0L104.727273 435.2c-11.636364 11.636364-16.290909 30.254545-4.654546 46.545455 11.636364 18.618182 34.909091 11.636364 48.872728 0l6.981818-6.981819v358.4c0 18.618182 6.981818 34.909091 18.618182 48.872728 11.636364 11.636364 34.909091 23.272727 53.527272 23.272727h197.818182v-202.472727c0-11.636364 6.981818-23.272727 11.636364-34.909091 6.981818-6.981818 18.618182-11.636364 30.254545-11.636364H558.545455c11.636364 0 23.272727 6.981818 34.90909 11.636364 6.981818 6.981818 11.636364 23.272727 11.636364 34.909091V907.636364h202.472727c18.618182 0 34.909091-6.981818 48.872728-18.618182 11.636364-11.636364 18.618182-30.254545 18.618181-48.872727V481.745455c18.618182 11.636364 34.909091 11.636364 48.872728 0 11.636364-6.981818 11.636364-18.618182 11.636363-23.272728 0-6.981818-6.981818-18.618182-11.636363-23.272727L560.872727 88.436364z' fill='%23005a7a' p-id='9388'%3E%3C/path%3E%3C/svg%3E"); background-position: left center; background-repeat: no-repeat; }
.breadcrumb a { margin: 0 5px; color: #999; }
.breadcrumb a:last-child { color: #333; }

.sanya-detail { display: flex; justify-content: space-between;position: relative;}
.detail-container { width: 69%; flex: 0 0 69%; background-color: #fff; }
.detail-sidebar { width: 29%; flex: 0 0 29%;position: sticky;top:91px;height: 100%}
.detail-sidebar-sticky { position: -webkit-sticky; position: sticky; top: 0; }

@media only screen and (max-width:1680px){
	.detail-sidebar{top: 76px;}
}
@media only screen and (max-width:1440px){
	.detail-sidebar{top: 61px;}
}

.article{padding:74px 40px 40px;line-height:1.875;font-size:16px;word-wrap:break-word}
.article .hd{padding:0 0 35px; }
.article .hd .title{color:#000;font-size:28px;line-height: 1.5; font-weight: normal;}
.article .hd .source{ margin-top: 10px; color:#93949a;}
.article .bd{}
.article img{max-width:100%;height:auto;display:block;margin:0 auto}
.article video{max-width:100%;height:auto;vertical-align:top}

.detail-mod { margin-bottom: 30px; padding: 40px 36px; background-color: #fff; }

.other-news { color: #999; font-size: 18px; line-height: 2; }
.other-news a { color: #333; }
.other-news .news-next { margin-top: 6px; }
.other-tips { padding-bottom: 30px; }
.other-tips-title { margin-bottom: 40px; border-left: 2px solid #005a7a; padding-left: 10px; color: #005a7a; font-size: 20px; line-height: 1; }
.other-tips-content { display: flex; justify-content: space-between; flex-wrap: wrap; }
.other-tips-content li { width: 47%; margin-bottom: 24px; font-size: 16px; line-height: 2.25; text-align: center; }
.other-tips-content li a { display: block; padding: 0 16px; border: 1px solid #ccdee4; border-radius: 18px; color: #666; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 1;text-overflow: ellipsis;overflow: hidden; transition: all 0.25s ease; }
.other-tips-content li a:hover { background-color: #005a7a; color: #fff; }

@media (max-width: 1680px){
	.Lott-Li{padding-top: 70px;padding-bottom: 70px;}
	.sanya-news-box { padding-bottom: 80px; }
	.sanya-breadcrumb { padding: 43px 0 50px; }
}
@media (max-width: 1440px){
	.Lott-Li-list li{width: calc((100% - 60px) / 3);margin-bottom: 60px;margin-right: 30px;}
	.Lott-Li-list .high-detail .title{margin-top: 26px;font-size: 22px; }
	.Lott-Li-list .high-detail .detail{margin-top: 14px;font-size: 15px; }
	.Lott-Li-list .high-detail .time{margin-top: 5px;font-size: 15px; }
	.Lott-Li-list2 li{width: calc((100% - 60px) / 3);margin-bottom: 30px;margin-right: 30px;}
	.Lott-Li-list2 .high-detail .title{min-height: 72px; padding-top: 30px; font-size: 22px; }
	.Lott-Li-list2 .high-detail .detail{min-height: 60px;margin-top: 26px; padding: 0 5%;font-size: 15px; }
	.Lott-Li-list2 .high-detail .time{margin-top: 20px; padding: 16px 5%;font-size: 15px; }
	.Lott-Li-list2 .high-detail .time::after{width: 38px;height: 38px; }
	.sanya-news-box { padding-bottom: 60px; }
}
@media (max-width: 1280px){
	.Lott-Li{padding-top: 40px;padding-bottom: 40px;}
	.Lott-Li-list li{width: calc((100% - 50px) / 3);margin-bottom: 40px;margin-right: 25px;}
	.Lott-Li-list .high-detail .title{margin-top: 16px;font-size: 20px; }
	.Lott-Li-list .high-imgs::after{height: 147px;}
	.Lott-Li-list .high-detail .detail{min-height: 75px;margin-top: 8px;font-size: 13px;margin-bottom: 10px; }
	.Lott-Li-list .high-detail .time{margin-top: 5px;font-size: 13px; }
	.Lott-Li-paging{margin-bottom: 25px;}
	.Lott-Li-paging a{font-size: 15px;}
	.Lott-Li-list2 li{width: calc((100% - 50px) / 3);margin-bottom: 25px;margin-right: 25px;}
	.Lott-Li-list2 .high-detail .title{min-height: 54px; padding-top: 20px; font-size: 18px; }
	.Lott-Li-list2 .high-detail .detail{min-height: 50px;margin-top: 16px; padding: 0 5%; font-size: 13px; }
	.Lott-Li-list2 .high-detail .time{margin-top: 16px; padding: 12px 5%;font-size: 13px; }
	.Lott-Li-list2 .high-detail .time::after{width: 33px;height: 33px; }
	.sanya-news-box { padding-bottom: 40px; }
}
@media (max-width: 1080px){
	.Lott-Li-list li{width: calc((100% - 40px) / 3);margin-bottom: 40px;margin-right: 20px;}
	.Lott-Li-list .high-detail .title{margin-top: 16px;font-size: 20px; }
	.Lott-Li-list .high-detail .detail{min-height: 55px;margin-top: 8px;font-size: 13px; }
	.Lott-Li-list .high-detail .time{margin-top: 5px;font-size: 13px; }
	.Lott-Li-paging a{font-size: 14px;}
	.Lott-Li-list2 li{width: calc((100% - 40px) / 3);margin-bottom: 20px;margin-right: 20px;}
	.sanya-news-box { padding-bottom: 30px; }
	.sanya-breadcrumb { padding: 30px 0 30px; flex-wrap: wrap;}
	.sanya-detail { flex-wrap: wrap; }
	.detail-container { width: 100%; flex: 0 0 100%;; background-color: #fff; }
	.detail-sidebar { width: 100%;; flex: 0 0 100%;}
	.article{padding:30px 15px;font-size:13px;}
	.article .hd{padding:0 0 25px; }
	.article .hd .title{font-size:20px; }
	.detail-mod { margin: 15px 0 0; padding: 15px 15px; }
	.other-news { font-size: 13px; line-height: 2; }
	.other-tips { padding-bottom: 15px; }
	.other-tips-title { margin-bottom: 20px; border-left: 2px solid #005a7a; padding-left: 10px; color: #005a7a; font-size: 16px; line-height: 1; }
	.other-tips-content li { width: 48%; margin-bottom: 10px; font-size: 13px; }
	.other-tips-content li a { padding: 0 10px; }	
}
@media (max-width: 778px){
	.Lott-Li{padding-top: 30px;padding-bottom: 30px;}
	.Lott-Li-list li{width: 100%;margin-bottom: 30px;margin-right: 0;}
	.Lott-Li-list .high-imgs img{ width: 100%; height: 100%; }
	.Lott-Li-paging{margin-bottom: 20px;}
	.Lott-Li-paging a{font-size: 13px;}
	.Lott-Li-list2 li{width: 100%;margin-bottom: 20px;margin-right: 0;}
}

.sanya-hotel-box{position:relative; padding: 74px 0 104px; }
.sanya-hotel-box .hotel-swiper-container{width:1280px;margin:0 auto;overflow: visible;position: relative;}
.sanya-hotel-box .hotel-swiper-container .swiper-slide{height:600px; background-color: #fff; opacity: .5;width: 100%;}
.sanya-hotel-box .hotel-swiper-container .swiper-slide a{width:100%;height:440px;margin-top:160px;display:block;position:relative;overflow:hidden;transition:width .5s,height .5s,margin-top .5s}
.sanya-hotel-box .hotel-swiper-container .swiper-slide a img{width:100%;height:100%;object-fit: cover;}
.sanya-hotel-box .hotel-swiper-container .swiper-slide-active a{width:100%;height:100%;margin:0}
.sanya-hotel-box .hotel-swiper-container .swiper-slide a .mark{position:absolute;bottom:0;width:100%;left:0;height:50%;background:linear-gradient(180deg,rgba(0,0,0,0) 0,#000 100%);opacity:.5}

.sanya-hotel-box .hotel-swiper-container .sanya-hotel-desc { position:absolute; bottom:0; left:0; right: 0; color:#fff; font-size: 16px; line-height:1.875;padding:0 7% 4%; opacity: 0; }
.sanya-hotel-box .hotel-swiper-container .sanya-hotel-desc p { position: relative; transform: translateY(50px); font-size:50px; line-height:1.5; margin-bottom:6px; transition: all .5s ease .3s; }
.sanya-hotel-box .hotel-swiper-container .sanya-hotel-desc ul { position: relative; transform: translateY(50px); transition: all .5s ease .3s; }
.sanya-hotel-box .hotel-swiper-container .sanya-hotel-desc ul li::before { content: ''; width: 28px; height: 30px; display: inline-block; vertical-align: top; background-position: left center; background-repeat: no-repeat; }
.sanya-hotel-box .hotel-swiper-container .sanya-hotel-desc ul li:nth-child(1):before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg t='1732084674016' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='4288' width='17' height='17'%3E%3Cpath d='M957.9 752.8c-3.3-9.7-9.6-17.4-17.5-22.7l-137.8-91.9c-6.9-4.5-15-7.3-23.8-7.5h-1c-8.4 0-16.3 2.3-23 6.4l-99 59.4c-12.3 5.8-25.1 8.6-38.6 8.6-52.7 0-114.7-42.8-186.1-114.2-89.5-89.5-134.1-164.3-105.5-224.6l59.4-99.1c4.2-7 6.5-15.3 6.4-24.1-0.2-8.8-3-16.9-7.5-23.8L292 81.7c-5.2-7.9-13-14.2-22.7-17.5-4.8-1.7-9.7-2.4-14.5-2.4-4.9 0-9.6 0.8-14.1 2.3L178.2 85c-118 49.8-231.3 274.8 126.4 632.6C486 898.9 633.3 959.2 740.9 959.2c104.7 0 171.8-57.1 196.4-115.3l20.8-62.4c2.9-9 3.1-19-0.2-28.7zM920.6 769l-20.5 61.4c-18.5 41.6-70.8 89.4-159.3 89.4-81.3 0-218.1-39.9-408.4-230.1-228.7-228.9-239.8-381-226-451.4 10.6-54.1 42.4-97.4 85.3-116.4l61.4-20.5c0.6-0.2 1.1-0.3 1.7-0.3l1.8 0.3c1.1 0.3 1.9 1 2.6 2l91.9 137.9c0.6 0.8 0.8 1.7 0.8 2.4 0 1.2-0.2 2.2-0.8 3.1l-59.4 99.1-1 1.7-0.8 1.7c-44.5 93.8 37.2 193.3 113.3 269.4 87 87 153 125.7 214 125.7 19.5 0 38.2-4.2 55.5-12.4l1.7-0.8 1.6-1 99.1-59.4c0.8-0.5 1.7-0.7 2.8-0.7 1.1 0 2 0.3 2.9 0.9l137.7 91.8c1 0.7 1.7 1.6 2.1 2.7 0.4 1.2 0.4 2.3 0 3.5z' fill='%23ffffff' p-id='4289'%3E%3C/path%3E%3C/svg%3E"); }
.sanya-hotel-box .hotel-swiper-container .sanya-hotel-desc ul li:nth-child(2):before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg t='1732084782664' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='5644' width='17' height='17'%3E%3Cpath d='M876.557442 210.565089H144.379094c-44.805222 0-81.256563 36.450318-81.256564 81.256563v514.471659c0 44.805222 36.450318 81.256563 81.256564 81.256563h732.178348c44.805222 0 81.256563-36.450318 81.256563-81.256563v-514.471659c0-44.806246-36.450318-81.256563-81.256563-81.256563z m0 55.918473c4.118067 0 8.004735 0.993169 11.44499 2.741965l-377.534164 272.261346-377.53826-272.255203a25.159934 25.159934 0 0 1 11.450109-2.748108h732.177325z m0 565.147839H144.379094c-13.965796 0-25.33809-11.372294-25.338091-25.33809V328.15627l391.427265 282.272898 391.427264-282.282112v478.146255c0 13.965796-11.35796 25.33809-25.33809 25.33809z' fill='%23ffffff' p-id='5645'%3E%3C/path%3E%3C/svg%3E"); }
.sanya-hotel-box .hotel-swiper-container .sanya-hotel-desc ul li:nth-child(3):before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg t='1732084813388' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='6858' width='17' height='17'%3E%3Cpath d='M511.998977 65.290005c-173.638689 0-314.904063 138.294716-314.904063 308.281225 0 77.603449 31.020504 185.005574 85.10633 294.67023 53.746088 108.971877 124.852566 209.287607 195.185424 275.377838 8.955976 9.602705 21.51092 15.08865 34.612309 15.08865 12.913101 0 25.359574-5.358031 34.296107-14.736633 149.549038-140.014894 280.608979-406.358985 280.608979-570.401108C826.904063 203.584722 685.637666 65.290005 511.998977 65.290005zM517.467525 914.127613l-1.128707 1.13894c-0.816598 0.8913-2.232854 1.952468-4.339842 1.952468-2.245134 0-3.695159-1.251503-4.361331-1.997494l-1.294482-1.327228C366.207519 782.579555 238.584863 525.041014 238.584863 373.572254c0-147.109476 122.652458-266.791276 273.414113-266.791276 150.761656 0 273.415137 119.6818 273.415137 266.791276C785.414113 525.483082 657.700383 783.130094 517.467525 914.127613z' fill='%23ffffff' p-id='6859'%3E%3C/path%3E%3Cpath d='M513.044796 181.616384c-91.091648 0-165.199483 74.112951-165.199483 165.210739 0 91.076298 74.107835 165.172877 165.199483 165.172877 91.083461 0 165.184133-74.096579 165.184133-165.172877C678.228929 255.729336 604.128257 181.616384 513.044796 181.616384zM513.044796 470.51005c-68.213591 0-123.709533-55.484685-123.709533-123.682927 0-68.219731 55.495942-123.720789 123.709533-123.720789 68.205405 0 123.694183 55.501058 123.694183 123.720789C636.738979 415.025365 581.2502 470.51005 513.044796 470.51005z' fill='%23ffffff' p-id='6860'%3E%3C/path%3E%3C/svg%3E"); }
.sanya-hotel-box .hotel-swiper-container .swiper-slide-active,
.sanya-hotel-box .hotel-swiper-container .swiper-slide-active .sanya-hotel-desc{ opacity: 1; }
.sanya-hotel-box .hotel-swiper-container .swiper-slide-active .sanya-hotel-desc p,
.sanya-hotel-box .hotel-swiper-container .swiper-slide-active .sanya-hotel-desc ul { transform: translateY(0); }

/*.sanya-hotel-box .hotel-swiper-container .sanya-hotel-desc::after { position: absolute; right: 7%; top: 50%; content: ''; width: 56px; height: 56px; display: block; border-radius: 100px; background-color: #fff; background-position: center center; background-repeat: no-repeat; transform: translateY(-50%); background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg t='1732085321314' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='8812' width='23' height='23'%3E%3Cpath d='M841.076364 546.909091H162.909091a34.909091 34.909091 0 0 1 0-69.818182h678.167273a34.909091 34.909091 0 0 1 0 69.818182z' fill='%23126683' p-id='8813'%3E%3C/path%3E%3Cpath d='M861.090909 546.909091a34.443636 34.443636 0 0 1-24.901818-10.472727l-182.458182-186.181819A34.909091 34.909091 0 0 1 703.534545 302.545455l182.458182 186.181818a34.909091 34.909091 0 0 1 0 49.338182 34.443636 34.443636 0 0 1-24.901818 8.843636z' fill='%23126683' p-id='8814'%3E%3C/path%3E%3Cpath d='M678.632727 733.090909a34.909091 34.909091 0 0 1-24.901818-58.181818l182.458182-186.181818a34.909091 34.909091 0 1 1 49.803636 48.872727l-182.458182 186.181818a34.443636 34.443636 0 0 1-24.901818 9.309091z' fill='%23005a7a' p-id='8815'%3E%3C/path%3E%3C/svg%3E"); } */

.hotel-title { display: flex; padding-bottom: 60px; color: #005a7a; font-weight: normal; font-size: 50px; line-height: 1.6; text-align: center; flex-direction: column; align-items: center; }
.hotel-title::after { display: block; margin-top: 19px; content: ''; width: 81px; height: 3px; background-color: #005a7a; vertical-align: top; }

.sanya-hotel { position: relative; padding-top: 115px; background: url(/images/Lott.Li/sanya-hotel.jpg) no-repeat center; }
.sanya-hotel .hd { position: absolute; top: 115px; left: 50%; width: 1280px; transform: translateX(-50%); display: flex; flex-direction: column; align-items: flex-end; z-index: 9; }
.sanya-hotel .hd h3 { display: flex; padding-bottom: 40px; color: #fff; font-weight: normal; font-size: 50px; line-height: 1.6; text-align: center; flex-direction: column; align-items: flex-end;}
.sanya-hotel .hd h3::after { display: block; margin-top: 19px; content: ''; width: 81px; height: 3px; background-color: #fff; vertical-align: top; }
.sanya-hotel .hd .tab { display: flex; justify-content: right; align-items: center; width: 460px; font-size: 16px; line-height: 56px; }
.sanya-hotel .hd .tab a { position: relative; color: #fff; opacity: .8; margin-left: 13%;}
.sanya-hotel .hd .tab a.active::before { position: absolute; bottom: 0; left: 0; right: 0; content: ''; height: 2px; background-color: #fff; }

.sanya-hotel .bd { display: flex; justify-content: space-between; height: calc( 986px - 115px ); }
.sanya-hotel .bd .sanya-hotel-left { width: calc( (100% - 1280px) / 2 ); }
.sanya-hotel .bd .sanya-hotel-right { position: relative; width: calc( 100% - (100% - 1280px) / 2 ); height: 100%; overflow: hidden; }
.sanya-hotel .bd .sanya-hotel-right::before { position: absolute; top: 0; left: 0; content: ''; width: 623px; height: 100%; background-color: rgba(239,251,255,.9); }

.hotel-txt { height: 280px; padding: 58px 50px 0; font-size: 16px; line-height: 30px; opacity: 0;width: 623px;
    box-sizing: border-box; }
.hotel-txt > div { font-size: 30px; line-height: 1.5; }
.hotel-txt ul { margin-top: 14px; margin-bottom: 25px; }
.hotel-txt p a { display: flex; align-items: center; }
.hotel-txt p a::after { width: 30px; height: 30px; content: ''; background-position: center center; background-repeat: no-repeat; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg t='1732085321314' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='8812' width='23' height='23'%3E%3Cpath d='M841.076364 546.909091H162.909091a34.909091 34.909091 0 0 1 0-69.818182h678.167273a34.909091 34.909091 0 0 1 0 69.818182z' fill='%23126683' p-id='8813'%3E%3C/path%3E%3Cpath d='M861.090909 546.909091a34.443636 34.443636 0 0 1-24.901818-10.472727l-182.458182-186.181819A34.909091 34.909091 0 0 1 703.534545 302.545455l182.458182 186.181818a34.909091 34.909091 0 0 1 0 49.338182 34.443636 34.443636 0 0 1-24.901818 8.843636z' fill='%23126683' p-id='8814'%3E%3C/path%3E%3Cpath d='M678.632727 733.090909a34.909091 34.909091 0 0 1-24.901818-58.181818l182.458182-186.181818a34.909091 34.909091 0 1 1 49.803636 48.872727l-182.458182 186.181818a34.443636 34.443636 0 0 1-24.901818 9.309091z' fill='%23005a7a' p-id='8815'%3E%3C/path%3E%3C/svg%3E"); }
.hotel-img { padding-left: 50px; overflow:hidden; height: 438px;}
.hotel-img img { transform: scale(1); transition: all .6s ease; object-fit: cover;width: 100%;height: 100%; }
.hotel-img:hover img { transform: scale(1.05); }
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.sanya-hotel .swiper-slide-active .hotel-txt {  animation: fadeIn 0.1s ease-in-out 0.4s forwards; }

.sanya-hotel-item { display: none; }
.sanya-hotel-item.active { display: block; }

.sanya-hotel-item .swiper-button-prev,.sanya-hotel-item .swiper-button-next{display: block;width: 56px;height: 56px;}
.sanya-hotel-item .swiper-button-prev{background: url(/images/Lott.Li/bbb.png) no-repeat center;transform: rotate(180deg);background-size: cover;border-radius: 100%;bottom:50px;margin-top: 0;left: calc( 100% - (100% - 1120px));top:auto;}
.sanya-hotel-item .swiper-button-next{background: url(/images/Lott.Li/bbb.png) no-repeat center;background-size: cover;border-radius: 100%;bottom:50px;margin-top: 0;left: calc( 100% - (100% - 1220px));top:auto;}
.sanya-hotel-item .swiper-button-prev:hover{background: url(/images/s3_5_08.png) no-repeat center;transform: rotate(180deg);background-size: cover;}
.sanya-hotel-item .swiper-button-next:hover{background: url(/images/s3_5_08.png) no-repeat center;transform: rotate(0);background-size: cover;}


.sanya-hotel-box .hotel-swiper-container .swiper-button-prev{width: 56px;height: 56px;background: url(/images/jjq3_08.png) no-repeat center;left:-75px;background-size: cover;border-radius: 100%;}
.sanya-hotel-box .hotel-swiper-container .swiper-button-next{width: 56px;height: 56px;background: url(/images/jjq3_08.png) no-repeat center;transform: rotate(180deg);background-size: cover;border-radius: 100%;right: -75px;}
.sanya-hotel-box .hotel-swiper-container .swiper-button-prev:hover{background: url(/images/jjq4_11.png) no-repeat center;transform: rotate(180deg);background-size: cover;}
.sanya-hotel-box .hotel-swiper-container .swiper-button-next:hover{background: url(/images/jjq4_11.png) no-repeat center;transform: rotate(0);background-size: cover;}


@media (max-width:1280px){
	.sanya-hotel{padding-top: 80px;}
	.sanya-hotel .hd{width: 80px;width: 92%;left:4%;transform: translateX(0);}
	.sanya-hotel .hd h3{padding-bottom: 25px;font-size: 42px;}
	.sanya-hotel .hd .tab{width: 350px;}
	.sanya-hotel .bd{height: 600px;}
	.sanya-hotel .bd .sanya-hotel-right::before{width: 53%;}
	.hotel-txt{height: 240px;padding: 50px 40px 0;width: 100%}
	.hotel-txt > div{font-size: 26px;}
	.hotel-txt ul{font-size: 13px;margin-bottom: 20px;}
	.hotel-img{padding-left: 40px;height: 360px;}
	.sanya-hotel-box .hotel-swiper-container .swiper-button-prev{width: 44px;height: 44px;}
	.sanya-hotel-box .hotel-swiper-container .swiper-button-next{width: 44px;height: 44px;}
	.sanya-hotel-box .hotel-swiper-container{width: 92%;}
	.sanya-hotel-item .swiper-button-prev{width: 44px;height: 44px;left: 86%}
	.sanya-hotel-item .swiper-button-next{width: 44px;height: 44px;left: 92%;}
}
@media (max-width:778px){
    .sanya-hotel-box{ padding: 30px 0 30px; }
    .hotel-title { padding-bottom: 30px; font-size: 20px; }
    .hotel-title::after { margin-top: 10px; width: 30px; height: 2px; }
    .sanya-hotel-box .hotel-swiper-container .sanya-hotel-desc { font-size: 13px; line-height:1.5; padding:0 7% 7%; }
    .sanya-hotel-box .hotel-swiper-container .sanya-hotel-desc p { transform: translateY(30px); font-size:24px; line-height:1.5; }
    .sanya-hotel-box .hotel-swiper-container .sanya-hotel-desc ul { transform: translateY(30px); }
    .sanya-hotel-box .hotel-swiper-container .swiper-slide{height:300px; }
    .sanya-hotel-box .hotel-swiper-container .swiper-slide a{height:300px;}
    .sanya-hotel-box .hotel-swiper-container .sanya-hotel-desc ul li::before { height: 20px; }
    .sanya-hotel-box .hotel-swiper-container .sanya-hotel-desc::after { content: none; }

    .sanya-hotel .hd .tab{width: 92%;justify-content: left;margin-left: 4%;}
    .sanya-hotel .hd .tab a{margin-left: 0;margin-right: 10%}

    .sanya-hotel{padding-top: 30px;}
    .sanya-hotel .hd{position: static;align-items: center;width: 100%}
    .sanya-hotel .hd h3{align-items: center;font-size: 28px;padding-bottom: 15px;}
    .sanya-hotel .hd h3::after{margin-top: 10px;}
    .sanya-hotel .bd{margin-top: 20px;height: auto;}
    .sanya-hotel .bd .sanya-hotel-right::before{width: 100%;}
    .hotel-txt{height: auto;padding: 25px 4%;width: 100%}
    .hotel-img{padding-left: 4%;width: 92%;padding-bottom: 20px;height: 280px;}
    .hotel-txt ul{margin-bottom: 15px;}

    .sanya-hotel-item .swiper-button-prev,.sanya-hotel-item .swiper-button-next{display: block;width: 36px;height: 36px;}
    .sanya-hotel-item .swiper-button-prev{left: 2%;top: auto;bottom: 28%;}
    .sanya-hotel-item .swiper-button-next{right: 2%;top: auto;bottom: 28%;background-size: cover;border-radius: 100%;left: auto;}

    .sanya-hotel-box .hotel-swiper-container{padding-bottom: 50px;}
    .sanya-hotel-box .hotel-swiper-container .swiper-button-prev{width: 32px;height: 32px;bottom: 0;left: 35%;top:auto;margin-top: 0}
	.sanya-hotel-box .hotel-swiper-container .swiper-button-next{width: 32px;height: 32px;bottom: 0;right: 35%;top:auto;margin-top: 0}

}

.sanya-wan-box{position:relative; padding: 74px 0 104px;background: #fff; }
.sanya-wan-box-content { display: flex; justify-content: space-between; align-items: stretch; width: 1280px; margin: 0 auto; }
.sanya-wan-left { width: 640px; }
.sanya-wan-right { width: 572px; overflow: hidden; }

.wan-swiper-container .swiper-slide a{display:block;position:relative;overflow:hidden;transition:width .5s,height .5s,margin-top .5s;height: 780px;}
.wan-swiper-container .swiper-slide img{width:100%;height:100%;object-fit: cover;}
.wan-swiper-container .swiper-slide .mark{position:absolute;bottom:0;width:100%;left:0;height:50%;background:linear-gradient(180deg,rgba(0,0,0,0) 0,#000 100%);opacity:.5}
.wan-swiper-container .swiper-slide .sanya-wan-desc { position:absolute; bottom:0; left:0; right: 0; color:#fff; font-size: 30px; line-height:1.5; padding:0 40px 40px; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;text-overflow:ellipsis;overflow:hidden; }

.wan-swiper-container .wan-swiper-pagination {	width: auto;	bottom: 48px;    right: 40px;    left: inherit;    z-index: 2;}
.wan-swiper-container .wan-swiper-pagination .swiper-pagination-bullet {	margin: 0 6px;	background-color: #fff;	width: 16px;	height: 16px;	opacity: .5;	border-radius: 16px;}
.wan-swiper-container .wan-swiper-pagination .swiper-pagination-bullet-active {	opacity: 1;}

.sanya-wan-themes { overflow: hidden; }
.sanya-wan-themes .tab { display: flex; justify-content: space-between; align-items: center; margin-bottom: 55px; border-bottom: 1px solid #ccdee4; font-size: 16px; line-height: 1; }
.sanya-wan-themes .tab a { position: relative; padding-bottom: 38px; color: #333; }
.sanya-wan-themes .tab a.active { color: #005a7a; }
.sanya-wan-themes .tab a.active::before { position: absolute; bottom: -1px; left: 0; right: 0; content: ''; height: 3px; background-color: #005a7a; }

.wan-img { overflow:hidden;height: 300px; }
.wan-img img { transform: scale(1); transition: all .6s ease; object-fit: cover; }
.wan-img:hover img { transform: scale(1.05); }
.wan-txt { display: flex; justify-content: space-between; align-items: center; padding: 29px 0; font-size: 24px; line-height: 1.5; }
.wan-txt::after { width: 30px; height: 30px; content: ''; background-position: center center; background-repeat: no-repeat; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg t='1732085321314' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='8812' width='23' height='23'%3E%3Cpath d='M841.076364 546.909091H162.909091a34.909091 34.909091 0 0 1 0-69.818182h678.167273a34.909091 34.909091 0 0 1 0 69.818182z' fill='%23126683' p-id='8813'%3E%3C/path%3E%3Cpath d='M861.090909 546.909091a34.443636 34.443636 0 0 1-24.901818-10.472727l-182.458182-186.181819A34.909091 34.909091 0 0 1 703.534545 302.545455l182.458182 186.181818a34.909091 34.909091 0 0 1 0 49.338182 34.443636 34.443636 0 0 1-24.901818 8.843636z' fill='%23126683' p-id='8814'%3E%3C/path%3E%3Cpath d='M678.632727 733.090909a34.909091 34.909091 0 0 1-24.901818-58.181818l182.458182-186.181818a34.909091 34.909091 0 1 1 49.803636 48.872727l-182.458182 186.181818a34.443636 34.443636 0 0 1-24.901818 9.309091z' fill='%23005a7a' p-id='8815'%3E%3C/path%3E%3C/svg%3E"); }
.sanya-wan-scrollbar { overflow: hidden; }
.sanya-wan-scrollbar-inner { width: calc( 100% + 20px ); height: calc( 780px - 110px ); overflow-x: hidden; overflow-y: auto; }
@media (max-width:1280px){
    .sanya-wan-box{padding: 50px 0 75px;}
    .sanya-wan-box-content{width: 92%;margin-left: 4%;}
    .sanya-wan-left { width: 50%; }
    .sanya-wan-right {width: 46%;}
    .wan-swiper-container .swiper-slide .sanya-wan-desc{font-size: 24px;padding: 0 25px 25px;}
    .wan-swiper-container .wan-swiper-pagination{bottom: 25px;right: 25px;}
    .wan-swiper-container .wan-swiper-pagination .swiper-pagination-bullet{width: 12px;height: 12px;margin:0 3px}
    .sanya-wan-themes .tab {margin-bottom: 30px;font-size: 14px;}
    .sanya-wan-themes .tab a{padding-bottom: 25px;}
    .wan-txt{padding: 15px 0;font-size: 20px;}
    .sanya-wan-scrollbar-inner{height: 550px;}
    .wan-swiper-container .swiper-slide a{height: 600px;}
    .wan-img{height: 240px;}
}
@media (max-width:750px){
    .sanya-wan-box{padding: 25px 0 30px;}
    .sanya-wan-box-content{display: block;}
    .sanya-wan-left { width: 100%; }
    .sanya-wan-right {width: 100%;margin-top: 20px;}
    .wan-swiper-container .swiper-slide .sanya-wan-desc{font-size: 18px;padding: 0 15px 15px;bottom: 15px;}
    .wan-swiper-container .wan-swiper-pagination{bottom: 15px;right: 15px;}
    .wan-swiper-container .wan-swiper-pagination .swiper-pagination-bullet{width: 7px;height: 7px;margin:0 3px}
    .sanya-wan-themes .tab {margin-bottom: 20px;}
    .sanya-wan-themes .tab a{padding-bottom: 15px;}
    .wan-txt{padding: 10px 0;font-size: 16px;}
    .sanya-wan-scrollbar-inner{height: 500px;}
    .wan-swiper-container .swiper-slide{height: 400px;}
    .wan-swiper-container .swiper-slide a{height: 400px;}
    .wan-img{height: 200px;}
}



/* 民俗节日 */
.sanya-wan-box-99 { padding-bottom: 0;padding-top: 80px; }
.wan3-swiper-container { background-color: #effbff; }
.wan3-swiper-container .swiper-slide a { display: flex; flex-direction: column; }
.wan3-swiper-container .swiper-slide:nth-child(2n) a { flex-direction: column-reverse; }
.wan3-swiper-container .swiper-slide .img-hover-box { background-repeat:no-repeat; background-position:center top; background-size:100%; transition: background-size .5s ease; }
.wan3-swiper-container .swiper-slide .sanya-wan-content-wrap { position: relative; }
.wan3-swiper-container .sanya-wan-content { position: absolute; top: 50%; transform: translateY(-50%); display: flex; flex-direction: column; justify-content: center; font-size: 16px; align-items: center; padding: 0 20%; }
.wan3-swiper-container .sanya-wan-content .sanya-wan-tit { margin-bottom: 22px; color: #005a7a; font-size: 30px; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;text-overflow:ellipsis;overflow:hidden; }
.wan3-swiper-container .sanya-wan-content .sanya-wan-desc { text-align: justify; line-height: 1.875; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;text-overflow:ellipsis;overflow:hidden; }
.wan3-swiper-container .swiper-slide:hover .img-hover-box { background-size: 105%; }
.wan3-swiper-container .swiper-slide:hover .sanya-wan-content .sanya-wan-desc{color: #005a7a}
@media (max-width:1280px){
    .wan3-swiper-container .sanya-wan-content .sanya-wan-tit{margin-bottom: 15px;font-size: 24px;}
    .sanya-wan-box-99{padding-top: 55px;}
}
@media (max-width:750px){
	.sanya-wan-box-99{padding-top: 25px;}
    .wan3-swiper-container .sanya-wan-content{font-size: 14px;padding: 3% 4%;}
    .wan3-swiper-container .sanya-wan-content .sanya-wan-tit{margin-bottom: 10px;font-size: 18px;}
}

/* 随着达人玩豪门国际官网 */
.sanya-wan-box-88 { padding-top: 60px; }
.sanya-wan-box-88 .bd { display: flex; justify-content: space-between; }
.sanya-wan-box-88 .bd .sanya-wan-left { width: calc( (100% - 1280px) / 2 ); }
.sanya-wan-box-88 .bd .sanya-wan-right { position: relative; width: calc( 100% - (100% - 1280px) / 2 ); height: 100%; overflow: hidden; }
.sanya-wan-box-88 .bd .sanya-wan-right .swiper-pagination{display: none;}
.wan4-swiper-container .swiper-wrapper { align-items: flex-end; }
.wan4-swiper-container .swiper-slide { overflow:hidden; }
.wan4-swiper-container .swiper-slide a{width:100%;height:488px;display:block;position:relative;overflow:hidden;}
.wan4-swiper-container .swiper-slide a img{width:100%;height:100%;object-fit: cover;}
.wan4-swiper-container .swiper-slide-active a{width:100%;height:100%;margin:0;height: 630px;}
.wan4-swiper-container .swiper-slide .sanya-wan-content { position:absolute; bottom:0; left:0; right: 0; padding:0 40px 40px; opacity: 0; }
.wan4-swiper-container .swiper-slide .sanya-wan-content .sanya-wan-tit { color: #fff; font-size: 30px; line-height:1.5; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;text-overflow:ellipsis;overflow:hidden; }
.wan4-swiper-container .swiper-slide-active .sanya-wan-content { opacity: 1; }

.sanya-wan-box-88 .bd .sanya-wan-right .swiper-button-prev{width: 56px;height: 56px;background: url(/images/s3_5_08.png) no-repeat center;left:70%;background-size: cover;border-radius: 100%;transform: rotate(180deg);bottom: 5%;top: auto;margin-top: auto;}
.sanya-wan-box-88 .bd .sanya-wan-right .swiper-button-next{width: 56px;height: 56px;background: url(/images/s3_5_08.png) no-repeat center;left: 75%;background-size: cover;border-radius: 100%;bottom: 5%;top: auto;margin-top: auto;}
.sanya-wan-box-88 .bd .sanya-wan-right .swiper-button-prev:hover{background: url(/images/s3_4_06.png) no-repeat center;transform: rotate(0);background-size: cover;}
.sanya-wan-box-88 .bd .sanya-wan-right .swiper-button-next:hover{background: url(/images/s3_4_06.png) no-repeat center;transform: rotate(180deg);background-size: cover;}

@media (max-width:1280px){
    .sanya-wan-box-88 { padding-top: 45px; }
    .sanya-wan-box-88 .bd{display: block;}
    .sanya-wan-box-88 .bd .sanya-wan-left{width: 0;}
    .sanya-wan-box-88 .bd .sanya-wan-right{width: 92%;margin-left: 4%;}
    .wan4-swiper-container .swiper-slide a{height: 388px;}
    .wan4-swiper-container .swiper-slide-active a{height: 500px}
    .wan4-swiper-container .swiper-slide a img{object-fit: none;}
    .wan4-swiper-container .swiper-slide .sanya-wan-content{padding: 0 25px 25px;}
    .wan4-swiper-container .swiper-slide .sanya-wan-content .sanya-wan-tit{font-size: 24px;}


    .sanya-wan-box-88 .bd .sanya-wan-right .swiper-button-prev{width: 42px;height: 42px;}
	.sanya-wan-box-88 .bd .sanya-wan-right .swiper-button-next{width: 42px;height: 42px;}

}
@media (max-width:750px){
    .sanya-wan-box-88 { padding-top: 25px; }
    .sanya-wan-box-88 .sanya-wan-right{margin-top: 0;}
    .wan4-swiper-container .swiper-slide a{height: 280px;}
    .wan4-swiper-container .swiper-slide-active a{height: 280px}
    .wan4-swiper-container .swiper-slide .sanya-wan-content{padding: 0 15px 15px;bottom: 15px;}
    .wan4-swiper-container .swiper-slide .sanya-wan-content .sanya-wan-tit{font-size: 18px;}

    .sanya-wan-box-88 .bd .sanya-wan-right .swiper-pagination{display: block;position: absolute;bottom: 7px;text-align: center;width: 100%;left: 0;}
    .sanya-wan-box-88 .bd .sanya-wan-right .swiper-pagination .swiper-pagination-bullet{width: 7px;height: 7px;background: #fff;margin:0 4px;opacity: 0.5;}
    .sanya-wan-box-88 .bd .sanya-wan-right .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1}
    .sanya-wan-box-88 .bd .sanya-wan-right .swiper-button-prev{width: 32px;height: 32px;bottom: 0;top:50%;margin-top: -16px;left: 0;}
	.sanya-wan-box-88 .bd .sanya-wan-right .swiper-button-next{width: 32px;height: 32px;bottom: 0;top:50%;margin-top: -16px;right: 0;left: auto;}
}

/* 休闲活动 */
.sanya-wan-box-77 { padding: 60px 0 0;background: url(/images/Lott.Li/sanya-wan.jpg) no-repeat center top; background-size: contain; }
.sanya-wan-box-77 .hotel-title { padding-bottom: 50px; color: #fff; }
.sanya-wan-box-77 .hotel-title::after { background-color: #fff; }
.sanya-wan-box-77 .wan6-swiper-container{width: 20%;margin:0 auto;overflow: visible;}
.sanya-wan-box-77 .bd,.tpww { width: 1280px; margin: 0 auto;overflow: hidden; }
.sanya-wan-box-77 .wan6-swiper-container { display: flex; justify-content: space-between; align-items: center; margin-bottom: 32px; font-size: 24px; line-height: 58px; text-align: center; }
.sanya-wan-box-77 .wan6-swiper-container .swiper-slide a { color: #fff; opacity: .4; }
.sanya-wan-box-77 .wan6-swiper-container .swiper-slide a i { display: block; height: 70px; }
.sanya-wan-box-77 .wan6-swiper-container .swiper-slide-thumb-active a { opacity: 1; }
.sanya-wan-box-77 .bd { position: relative; }
.sanya-wan6-items .item { display: none; }
.sanya-wan6-items .item:first-child { display: block; }
.sanya-wan6-items .desc { margin-bottom: 50px; color: #fff; font-size: 16px; line-height: 2.25; text-align: center; }
.sanya-wan6-items .item .img-hover-box { background-color: #effbff; box-shadow: 0 0 20px rgba(0,0,0,.1); overflow: hidden; display: flex; justify-content: center; align-items: stretch; width: 100%; height: 100%; }/*  */
.sanya-wan6-items .item .img-hover-box img { width: 843px; height: auto; object-fit: cover;height: 600px; }
.sanya-wan6-items .item .img-hover-box .sanya-wan-content { position: relative; display: flex; flex-direction: column; justify-content: center; padding: 0 3%; color: #333; font-size: 16px; line-height: 1.5; overflow: hidden; }

.sanya-wan6-items .item .img-hover-box .sanya-wan-content .sanya-wan-tit { margin-bottom: 22px; color: #005a7a; font-size: 30px; transform: translateY(-90px); display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;text-overflow:ellipsis;overflow:hidden; }
.sanya-wan6-items .item .img-hover-box .sanya-wan-content .sanya-wan-desc { line-height: 1.875; text-align: justify; opacity: .8; transform: translateY(-90px);height: 210px;overflow-y: auto; padding-right: 10px;}

.sanya-wan6-items .item .img-hover-box .sanya-wan-content .sanya-wan-desc{scrollbar-color:#005a7a #c2c2c2; /* 第一个方块颜色，，，，，，第二个轨道颜色(用于更改火狐浏览器样式) */ scrollbar-width: thin; /* 火狐转动条无法自界说宽度，，，，，，只能通过此属性使转动条宽度变细 */ /* -ms-overflow-style:none; */ scrollbar-base-color: pink; scrollbar-face-color: #1a2d56; scrollbar-track-color: #dcdcdc;}
.sanya-wan6-items .item .img-hover-box .sanya-wan-content .sanya-wan-desc::-webkit-scrollbar{width:2;height:2px;}
.sanya-wan6-items .item .img-hover-box .sanya-wan-content .sanya-wan-desc::-webkit-scrollbar-button:vertical{display:none}
.sanya-wan6-items .item .img-hover-box .sanya-wan-content .sanya-wan-desc::-webkit-scrollbar-thumb:vertical:hover{background-color: #005a7a;}
.sanya-wan6-items .item .img-hover-box .sanya-wan-content .sanya-wan-desc::-webkit-scrollbar-thumb:vertical:active{background-color: #005a7a;}
.sanya-wan6-items .item .img-hover-box .sanya-wan-content .sanya-wan-desc::-webkit-scrollbar{width: 2px;}
.sanya-wan6-items .item .img-hover-box .sanya-wan-content .sanya-wan-desc::-webkit-scrollbar-track{background: #c2c2c2;}
.sanya-wan6-items .item .img-hover-box .sanya-wan-content .sanya-wan-desc::-webkit-scrollbar-thumb{background: #005a7a;border-radius: 8px;}

.sanya-wan6-items .item .img-hover-box .sanya-wan-content .sanya-wan-num { position: absolute; right: 0; bottom: -64px; font:200px/1 'Impact'; color: #005a7a; opacity: .05; }

.wan6-pn { position: absolute; left: 3%; bottom: 100px; display: flex; z-index: 9; }
.wan6-pn .swiper-button-prev,
.wan6-pn .swiper-button-next { position: relative; top: 0; width: 56px; height: 56px; margin-top: 0; border-radius: 56px; border: 1px solid #005a7a; background-color: none; }
.wan6-pn .swiper-button-prev { left: 0; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg t='1732238384969' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='5049' width='23' height='23'%3E%3Cpath d='M386.272 274.752L431.52 320 282.56 468.992h581.568v64H282.464l149.056 149.056-45.248 45.248L160 501.024z' fill='%23005a7a' p-id='5050'%3E%3C/path%3E%3C/svg%3E"); }
.wan6-pn .swiper-button-next { left: 20px; right: inherit; transform: rotate(180deg); background-color: #005a7a; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg t='1732238384969' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='5049' width='23' height='23'%3E%3Cpath d='M386.272 274.752L431.52 320 282.56 468.992h581.568v64H282.464l149.056 149.056-45.248 45.248L160 501.024z' fill='%23ffffff' p-id='5050'%3E%3C/path%3E%3C/svg%3E"); }
@media (max-width:1280px){
    .sanya-wan-box-77{padding: 45px 0 0;background-size: 100% 400px;}
    .sanya-wan-box-77 .hotel-title{padding-bottom: 30px;}
    .sanya-wan-box-77 .bd,.tpww{width: 92%;margin-left: 4%;}
    .sanya-wan-box-77 .wan6-swiper-container{margin-bottom: 20px;font-size: 18px;line-height: 40px;}
    .sanya-wan-box-77 .wan6-swiper-container{width: 30%;}
    .sanya-wan-box-77 .bd{width: 92%;margin-left: 4%;}
    .sanya-wan-box-77 .wan6-swiper-container .swiper-slide a i{height: 50px;}
    .sanya-wan-box-77 .wan6-swiper-container .swiper-slide a i img{width: 50px;}
    .sanya-wan6-items .desc{margin-bottom: 30px;font-size: 14px;line-height: 1.8;}
    .sanya-wan6-items .item .img-hover-box{display: block;}
    .sanya-wan6-items .item .img-hover-box img{height: 500px;}
    .sanya-wan6-items .item .img-hover-box .sanya-wan-content{display: block;padding: 30px 3%;}
    .sanya-wan6-items .item .img-hover-box .sanya-wan-content .sanya-wan-tit{ transform: translateY(0);margin-bottom: 15px;font-size: 24px;}
    .sanya-wan6-items .item .img-hover-box .sanya-wan-content .sanya-wan-desc{transform: translateY(0);}
    .sanya-wan6-items .item .img-hover-box .sanya-wan-content .sanya-wan-num{font: 150px/1 'Impact';}
    .wan6-pn .swiper-button-next{width: 46px;height: 46px;border-radius: 46px;}
    .wan6-pn .swiper-button-prev{width: 46px;height: 46px;border-radius: 46px;}
    .sanya-wan6-items .item .img-hover-box .sanya-wan-content .sanya-wan-desc{height: 180px;}
}
@media (max-width:750px){
	.sanya-wan-box-77 .wan6-swiper-container{width: 40%;}
    .sanya-wan-box-77{padding: 25px 0 0;background-size: 100% 300px;}
    .sanya-wan-box-77 .hotel-title{padding-bottom: 15px;}
    .sanya-wan-box-77 .wan6-swiper-container{margin-bottom: 10px;font-size: 16px;line-height: 30px;}
    .sanya-wan-box-77 .wan6-swiper-container .swiper-slide a i{height: 40px;}
    .sanya-wan-box-77 .wan6-swiper-container .swiper-slide a i img{width: 40px;}
    .sanya-wan6-items .desc{margin-bottom: 20px;font-size: 13px;line-height: 1.5;}
    .sanya-wan6-items .item .img-hover-box img{height: 280px;}
    .sanya-wan6-items .item .img-hover-box .sanya-wan-content{display: block;padding: 15px 3%;}
    .sanya-wan6-items .item .img-hover-box .sanya-wan-content .sanya-wan-tit{margin-bottom: 10px;font-size: 18px;}
    .sanya-wan6-items .item .img-hover-box .sanya-wan-content .sanya-wan-desc{font-size: 13px;}
    .sanya-wan6-items .item .img-hover-box .sanya-wan-content .sanya-wan-num{font: 100px/1 'Impact';}
    .wan6-pn{bottom: -50px;text-align: center;left: 35%;width: 30%;justify-content: space-between;}
    .wan6-pn .swiper-button-next{width: 35px;height: 35px;border-radius: 35px;left: 0}
    .wan6-pn .swiper-button-prev{width: 35px;height: 35px;border-radius: 35px;}
    .sanya-wan6-items .item .img-hover-box .sanya-wan-content .sanya-wan-desc{height: 120px;}
}










<!--耗时1755793200.1529秒-->