header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;} table{border-collapse:collapse;border-spacing:0;} caption,th{text-align:left;font-weight:normal;} html,body,fieldset,img,iframe,abbr{border:0;} i,cite,em,var,address,dfn{font-style:normal;} [hidefocus],summary,input{outline:0;}/*hideFocus对超链接外虚线框的设置*/ ul,dl,li{list-style:none;} h1,h2,h3,h4,h5,h6,small{ font-weight:normal;} pre,code,kbd,samp{font-family:inherit;} textarea{overflow:auto;resize:none;} label,summary{cursor:default;}/*default默认光标（通常是一个箭头）*/ a,button{cursor:pointer; -webkit-tap-highlight-color: transparent;} h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;} del,ins,a,a:hover{text-decoration:none;} body,textarea,input,button,select{font:12px/20px arial,"Microsoft YaHei","方正兰亭";color:#333;outline:0;} body{ background: #F5F5F5;} input{ -webkit-appearance: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);border: none;} *{ padding: 0px; margin: 0px;} .quickNavBox{ padding-top: 10px; padding-bottom: 14px; background: linear-gradient(180deg, #FFF1EA 0%, rgba(255,250,244,0.17) 100%);} .quickNavBox-bd{ display: flex; display: -webkit-flex; margin-left:2%; margin-right: 2%; } .quickNavBox-bd a{ width: 20%; text-align: center; color: #333; font-size: 11px; } .quickNavBox-bd a img{ display: block; width: 70%; max-width: 94px; margin: 0 auto; } .quickNavBox-bd a p{ line-height: 1; margin-top: 2px;} .msgboxVip{ background: linear-gradient(180deg, #fee2cf 0%, #F5F5F5 100%);border-radius: 14px 14px 0 0;padding-left: 3.25%; padding-right: 3.25%; padding-top: 20px; padding-bottom: 11px;} .userMsg{ display: flex; display: -webkit-flex; } .userMsg-lt{ display: flex; display: -webkit-flex; align-items: center;-webkit-align-items:center; margin-right: 8px; } .userMsg-lt img{ width: 23px; } .userMsg-tx{ font-size: 16px; margin-left: 5px; line-height: 1;} .userMsg-rt{ align-self: center;-webkit-align-self:center; display: flex; display: -webkit-flex; align-items: center;-webkit-align-items:center; background: linear-gradient(56deg, #FFECE3 0%, #FFEEE1 55%, #FFF5F0 100%); border-radius: 20px; padding: 0 5px; } .userMsg-rt img{ margin-right: 5px; width: 15px;} .userMsg-rt p{ color: #826060;} .userMsg-tx2{ flex: 1; text-align: right; font-size: 11px;} .userMsg-tx2 span{ font-size: 19px;} .cardBox{ position: relative; margin-top: 15px; } .cardBox-bg img{ display: block; width: 100%; border-radius: 10px; box-shadow: 0 1px 5px rgba(0,0,0,0.1);} .cardBox-tag{ position: absolute; left: 0; top: 0; display: inline-block;background: linear-gradient(139deg, #FBE5E4 0%, #F4C7C4 100%);font-size: 9px; color: #B57772; border-radius: 10px 0 10px 0; line-height: 1; padding: 3px 6px 3px 7px; } .cardBox-bd{ position: absolute; z-index: 1; left: 14px; right: 14px; top: 0; bottom: 0; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items:center; justify-content: space-between; -webkit-justify-content:space-between} .cardBox-bd-tx1{ color: #7C3725; font-size: 17px;} .cardBox-bd-rt{ } .btn1{ display: block; width: 75px;height: 30px; background: linear-gradient(101deg,#f4a28e,#e26445); border-radius: 26px;font-size: 13px; color: #fff; text-align: center; line-height: 30px;} .boxvip{ background-color: #fff; padding: 14px 0px 2px; border-radius: 11px; margin-top: 14px;} .boxvip-tp{ font-size: 15px; margin-left: 14px; margin-right: 14px;} .boxvip-bd{ display: flex; display: -webkit-flex; align-items: center; -webkit-align-items:center; align-items: center; -webkit-align-items:center} .boxvip-bd dt{ width: 13%; margin-right: 5px; } .boxvip-bdbox-tp{ width: 100%; margin: 0 auto; position: relative; } .boxvip-bdbox-tp img{ display: block; width: 100%;} .boxvip-bdbox-ft{ font-size: 11px; color: #333; text-align: center;white-space: nowrap; } .boxvip-bd dd{ flex: 1; padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #E5E5E5;} .cellBox{ display: flex; display: -webkit-flex; } .cellBox-in{ flex: 1; display: flex; display: -webkit-flex;} .cellBox-bd{ width: 25%; color: #333; font-size: 11px;position: relative;} .cellBox-bd-tp{ width:45%; margin:0 auto; margin-bottom:7px;} .cellBox-bd-tp img{ display: block; width: 100%; border-radius: 50%;box-shadow: 0px 1px 3px rgba(226,205,205,0.5); padding: 2px; background-color: #fff; box-sizing: border-box;} .cellBox-rt{ align-self: center; -webkit-align-self:center; text-align: right;} .cellBox-rt img{ width: 7px;} .cellBox-bd-tx{ text-align: center; font-size: 10px; color: #666; width: 100%;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;line-height: 1; } .boxvip-outer{ margin-left: 14px; margin-right: 14px;} .boxvip-outer dl.boxvip-bd:last-child dd{ border-bottom: none;} .product{ margin-left: 3.25%; margin-right: 3.25%;background-color: #fff; padding: 14px 14px 2px; border-radius: 11px; box-sizing: border-box; margin-bottom: 11px;} .titleBox{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justfiy-conent:space-between; align-items: center; -webkit-align-items:center;} .product-tp{ font-size: 15px; margin-bottom: 5px; position: relative;} .titleBox-rt{ color: #666; font-size: 11px;} .product-bd{ } .product-cell{ display: flex; display: -webkit-flex; align-items: center; -webkit-align-items:center; } .product-cell dt{ width: 13%;margin-right: 6px; padding-top: 11px; padding-bottom: 15px;} .product-cell-lt img{ display: block; width: 100%;} .product-cell dd{ flex: 1; border-bottom: 1px solid #E5E5E5; padding-top: 11px; padding-bottom: 15px; padding-left: 5px;} .product-cell-rt{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content:space-between; align-items: center; -webkit-align-items:center; } .product-tx h3{ font-size: 13px; line-height: 1;margin-top: 6px; } .product-tx p{ font-size: 11px;line-height: 1.2;margin-top: 6px; } .product-btn{} .product-btn a{ display: block; width: 70px; height: 26px; background: linear-gradient(to right,#fe5d48,#f42937); color: #FEFEFE; font-size: 11px; border-radius: 26px; text-align: center; line-height: 26px;} .product-bd dl.product-cell:last-child dd{ border-bottom: none;} .floorLike{ background-color: #fff; border-radius: 14px 14px 0 0; padding-top: 11px; padding-bottom: 13px; padding-left: 3.25%; padding-right: 3.25%; } .floorLike-tp{ position: relative; width: 100%; overflow: hidden; padding-bottom: 10px;} .floorLike-tp-box a img{ display: block; width: 100%; border-radius: 5px;} .floorLike-tp .swiper-pagination-bullet{ width: 3px; height: 3px; background: rgba(255, 255, 255);opacity: 0.5;} .floorLike-tp .swiper-pagination-bullet-active{width: 9px; height: 3px; opacity: 1; border-radius: 4px;} .floorLike-tp .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 var(--swiper-pagination-bullet-horizontal-gap,3px);} .floorLike-tp2{ position: relative; width: 100%; overflow: hidden; margin-bottom: 12px; } .floorLike1 .floorLike-tp>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 15px; left: 0; width: 100%; background: none; } .floorLike2 .floorLike-tp2>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 6px; left: auto; right: 10px; display: inline-block; width: 28px; background: rgba(0,0,0,0.3); text-align: center; color: #fff; border-radius: 3px; height: 14px;line-height: 14px; font-size: 10px; font-weight: normal; } .floorLike-bd{ margin-top: 2px;} .floorLike-bd-tp{ font-size: 15px; padding-bottom: 12px; line-height: 1;} .boxLike{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content:space-between } .boxLike-bd{ width: 31%; background: linear-gradient(180deg, #FFF9ED 0%, #FFEFD0 44%, #FFEFCD 67%, #FFDBA0 100%); border: 1px solid #fee5de; border-radius: 5px; } .boxLike-bd-tp{ margin: 11px 10px 8px; position: relative;} .boxLike-bd-bg img{ display: block; width: 100%;} .boxLike-bd-img{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: flex; display: -webkit-flex;} .boxLike-bd-img img{ width: 60%; margin: auto;} .boxLike-bd-ft{ margin-left: 5px; margin-right: 5px; text-align: center;padding-bottom: 10px;} .boxLike-bd-ft h4{ color: #753213; font-size: 12px;} .boxLike-bd-ft p{ font-size: 11px; color: #BC9442;} .setbg{ background-color: #F0F8FF;} .setbg p{ color: #607782;} .setbg2{background: linear-gradient(90deg, #FFEBDB 0%, #F8E7C5 100%);} .setbg2 p{ color: #A6804A;} .cardBox2 .cardBox-tag{ background: linear-gradient(139deg, #A1DCFF 0%, #5FADDA 100%); color: #336594;} .cardBox2 .cardBox-bd-tx1{ color: #2F608F;margin-top: 5px;} .cardBox2 .cardBox-bd-lt a{color: #2F608F;font-size: 11px;display: block; } .cardBox2 .cardBox-bd-rt p{ font-size: 11px; color: #2F608F; line-height: 1.5; margin-right: 10px;} .boxvip-tp-tag{ display: inline-block; line-height: 1; background: linear-gradient(90deg, #FF5C45 0%, #FF5C45 50%, #FEA469 100%);font-size: 8px; color: #fff; border-radius: 10px 10px 10px 0; font-weight: normal; margin-left: 5px; padding: 2px 5px; vertical-align: middle; margin-top: -3px;} .boxvip-list{ display: flex; display: -webkit-flex; width: 100%; overflow: auto; margin-top: 12px; margin-bottom: 5px;} .list{ width: 28%; position: relative; flex-shrink: 0; } .list-tp{ width: 40%; margin: 0 auto;} .list-tp img{ display: block; width: 100%;} .list-tx{ text-align: center; margin-top: 5px; font-size: 11px;} .list-btn{ display: block; width: 70%;margin: 0 auto; height: 18px; background: linear-gradient(90deg, #C9DCFE 0%, #A9CAFF 100%); font-size: 10px; color: #333; border-radius: 26px; text-align: center; line-height: 18px; margin-top: 2px;} .boxvip-list .list:not(:last-child){ position: relative;} .boxvip-list .list:not(:last-child)::after{ content: ""; display: block; width: 1px; height: 60%; background-color: #EBEBEB; position: absolute; top: 5%; right: 0; } .setbtn{ background: linear-gradient(90deg, #e8f0fe 0%, #ddeaff 100%); color: #acaeb2;} .boxvip-list::-webkit-scrollbar{ height: 0;} .tag{ position: absolute; right: -5px; top: 0; display: inline-block; background: linear-gradient(to right,#ff942e,#ff6827); font-size: 8px; border-radius: 0 26px 26px 0; padding: 0 3px; color: #fff; line-height: 1.2;} .price-pri{ font-size: 9px; text-align: center; margin-top: 2px; text-decoration: line-through; color: #666;} .titleBox-link{ font-size: 11px; color: #666; margin-bottom: 10px;} .titleBox-link::after{ content: ""; display:inline-block; width: 4px; height: 7px; background: url(../images/icon-arrow.png) no-repeat; background-size: 100% 100%; margin-left: 2px;} .boxLike2{ display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-warp:wrap } .boxLike2-bd{ background-color: #ccefff; border-radius: 7px; padding: 2px; box-sizing: border-box;} .boxLike2-bd-tp{ background-color: #fff; border-radius:7px; padding-top: 7px; padding-bottom: 10px;} .boxLike2-bd-tp p{ width: 45%; margin: 0 auto;} .boxLike2-bd-tp p img{ display: block; width: 100%;} .boxLike2-bd-tx{ width: 86%;height: 20px; margin: 0 auto; background: #11a4eb; font-size: 12px; color: #fff; text-align: center; line-height: 20px; border-radius: 26px; margin-top: -10px; margin-bottom: 5px;} .boxLike2-bd-ft{ font-size: 11px; color: #3bb4ef; margin-bottom: 2px; text-align: center; line-height: 1;} .boxLike2-bd{ width: 32%; margin-bottom: 11px;} .boxLike2 .boxLike2-bd:nth-child(3n-1){ margin-left: 2%; margin-right: 2%;} .cardBox2 .cardBox-tag2{ background: linear-gradient(139deg, #FFE0A3 0%, #FFE0A3 100%); color: #AF8B43;} .txcolor .cardBox-bd-tx1{ color: #905807;} .cardBox2 div.txcolor a{ color: #905807;} .txcolor .cardBox-bd-rt p{ color: #905807;} .setbtn-bg1 a.list-btn{ background: linear-gradient(90deg, #FDE2AC 0%, #F4CD7E 100%);color: #333;} .setbtn-bg1 a.setbtn{ background: linear-gradient(90deg, #fdefd3 0%, #f9e6bf 100%);color: #b7b2a8;} .popbox{ } .popboxCon{ position: fixed;z-index: 11;right: 8%;left:8%;top: 50%; transform: translateY(-50%);border-radius: 7px;background: #fff;padding: 22px 20px 21px; box-sizing: border-box; } .mask{ position: fixed;z-index: 10; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.6); } .popboxCon-tp{ display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content:center; align-items: center; -webkit-align-items:center; margin-bottom: 29px;} .popboxCon-tp img{ width: 17px; margin-right: 5px;} .popboxCon-tp span{ font-size: 15px;} .popboxCon-tx{ width: 90%;margin: 0 auto; text-align: center; color: #333; font-size: 13px;} .btnGroups{display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between; margin-top: 29px;} .btnGroups a{display: block;width: 47.5%;height: 37px;line-height: 37px;border-radius: 36px;text-align: center;background: linear-gradient(to right,#FCA629,#FE642B);font-size: 15px;color: #fff4d0; } .btnGroups a.btnGroups-bg{background: #fff; height: 35px;line-height: 35px; border: 1px solid #FD982A;color: #FF5A19;} .single{ justify-content: center; -webkit-justify-content:center} .single a{ width: 70%;} .popboxCon-img{ text-align: right; margin-top: -5px;} .popboxCon-img img{ width: 14px;} .popboxCon-tp2{ margin-bottom: 15px; } .popboxCon-tp2-tx{font-size: 13px; text-align: center; } .popboxCon-tp2-tx span{ font-size:24px; font-weight: bold;} .popboxCon-tx2{ font-size: 13px; color: #999;} .popboxCon-tx2 p{ margin-bottom: 5px;} @-webkit-keyframes flash1{ 0%{ transform: rotate(0deg);} 100%{ transform: rotate(360deg);} } .btn-lt img{ width: 20px; vertical-align: middle; margin-right: 5px; animation: flash1 2s infinite linear; } .cardBox2 div.txcolor a.btn2{ background: linear-gradient(to right,#CB8534,#884912); color: #fff;} .popboxCon-tp2-ft{ text-align: center; color: #FE732B; margin-bottom: 10px; } .popboxCon-tx3{ } .popboxCon-tx3 div{ display: flex; display: -webkit-flex; margin-bottom: 5px; } .popboxCon-tx3 div p{ white-space: nowrap;} .popboxCon-tx3 div span{ flex: 1; color: #999;} /* 2022-10-18 */ .cellBoxSp .cellBox-in{flex-wrap: wrap;-webkit-flex-wrap: wrap;} .cellBoxSp .cellBox-in a:nth-child(n+5){margin-top: 10px;} .cellBoxSp .hideBtn img{transform: rotate(90deg); transition: all .1s;} .popboxCon-tp2-tx-shi{font-size: 14px;font-weight: bold;} .popboxCon-tp2-tx-shi a{color: #666666;} header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;} table{border-collapse:collapse;border-spacing:0;} caption,th{text-align:left;font-weight:normal;} html,body,fieldset,img,iframe,abbr{border:0;} i,cite,em,var,address,dfn{font-style:normal;} [hidefocus],summary,input{outline:0;}/*hideFocus对超链接外虚线框的设置*/ ul,dl,li{list-style:none;} h1,h2,h3,h4,h5,h6,small{ font-weight:normal;} pre,code,kbd,samp{font-family:inherit;} textarea{overflow:auto;resize:none;} label,summary{cursor:default;}/*default默认光标（通常是一个箭头）*/ a,button{cursor:pointer; -webkit-tap-highlight-color: transparent;} h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;} del,ins,a,a:hover{text-decoration:none;} body,textarea,input,button,select{font:12px/22px arial,"Microsoft YaHei","方正兰亭";color:#333;outline:0;} body{ background-color: #f7f8fc; } *{ padding: 0px; margin: 0px;} .topfloor{ position: relative;} .bg1{ background: url(../images/poto-bg2.jpg) no-repeat; background-size: 100% auto;} .bg2{ background: url(../images/poto-bg3.jpg) no-repeat; background-size: 100% auto;} .bg3{ background: url(../images/poto-bg1.jpg) no-repeat; background-size: 100% auto;} .info{ padding-left: 4%;padding-top: 24px; display: flex; display: -webkit-flex;align-items: center; -webkit-align-items:center; margin-bottom: 25px; } .info-lt{ width: 13%;max-width: 100px; margin-right: 10px;} .info-lt img{ width: 100%; display: block; border-radius: 50%;border: 1px solid #fff;} .info-tx{flex: 1; font-size: 16px; color: #fff;} .info-rt{ } .info-rt a{ display: inline-block; background-color: #46310f; border-radius: 26px 0 0 26px; color: #fff;font-size: 13px; padding: 2px 10px 2px 12px; } .vipStyle{ } .vipStyle-bd{} .vipStyle-bd2{background: url(../images/poto-bg-yew.jpg) no-repeat; background-size: 100% 100%;} .vipStyle-bd3{background: url(../images/poto-bg-blue.jpg) no-repeat; background-size: 100% 100%;} .vipStyle-lt{ width:17px; margin-right: 5px; } .vipStyle-lt img{ display: block; width: 100%;} .vipStyle-tx{ flex: 1; display: flex; display: -webkit-flex;} .vipStyle-tx h2{ } .vipStyle-tx h2 img{ height: 17px; display: block;} .vipStyle-tx span{ align-self:flex-end;-webkit-align-self:flex-end; color: #724d0d; font-size: 12px; padding-left: 3px;line-height: 1;} .vipStyle-rt{} .btn1{ display: block; width: 80px; height: 32px;background: linear-gradient(0deg,#37260a 0%, #493410 100%); border-radius: 16px; color: #FFEEB8; font-size: 14px; text-align: center; line-height: 32px;} .btn2{ display: block; width: 80px; height: 32px;background: linear-gradient(to bottom,#7296b2 0%, #3d607b 100%); border-radius: 16px; color: #d3e5f3; font-size: 14px; text-align: center; line-height: 32px;} .vipStyle-tx span.txcolor1{ color: #3b749f;} /*.tag{ position: absolute; left: 0; top: 0; background-color: #dd9129; border-radius: 10px 0 5px 0; color: #fff; font-size: 11px;*/ /* line-height: 1.4; padding: 0 5px 0 5px; }*/ .vipStyle-rt-tx{color: #724d0d; text-align: right; line-height: 16px;} .vipStyle-rt-tx p{ font-size: 11px; font-weight: bold;} .vipStyle-rt-tx span{ font-size: 10px; white-space: nowrap; } .countFloor-title{ padding-top: 18px; margin-bottom: 18px;} .countFloor-tp{ display: flex; display: -webkit-flex;justify-content: center; -webkkit-justify-content:center; align-items: center; -webkit-align-items:center; } .countFloor-tp::before{ content: ""; width: 16px; height: 10px; background: url(../images/poto-der2.png) no-repeat; background-size: 100% 100%; margin-right: 5px; } .countFloor-tp::after{ content: ""; width: 16px; height: 10px; background: url(../images/poto-der2.png) no-repeat; background-size: 100% 100%; margin-left: 5px; transform: rotateY(180deg); } .countFloor{ background-color: #fff; padding-bottom: 12px;} .listBox{ display: flex; display: -webkit-flex; justify-content:space-around; -webkit-justify-content:space-around;padding-bottom: 8px;} .listBox-bd{ } .listBox-bd-tp{width: 40px; margin: 0 auto;} .listBox-bd-tp img{ display: block; width: 100%;} .listBox-bd-tx{ text-align: center; padding-top: 8px; line-height: 18px; margin-bottom: 6px;} .listBox-bd-tx p{ width: 100%;overflow: hidden;text-overflow: ellipsis; font-size: 15px; color: #333; font-weight: bold; white-space: nowrap; } .listBox-bd-tx span{ display: block;width: 100%;overflow: hidden;text-overflow: ellipsis; font-size: 14px; color: #999; white-space: nowrap;} .listBox-bd-ft{ display: block; width: 62px;height: 24px; margin: 0 auto;background: linear-gradient(-45deg,#eda090, #f2c5bd); text-align: center; line-height: 24px; border-radius: 20px; color: #fff; } .listBox-bd-ft2{display: block; width: 62px;height: 24px; margin: 0 auto;background: linear-gradient(-55deg,#ffd450 30%, #fee289 96%); text-align: center; line-height: 24px; border-radius: 20px; color: #fff; } .listBox-bd-ft3{display: block; width: 62px;height: 24px; margin: 0 auto;background: linear-gradient(-45deg,#9cc5d3 30%, #cbe8f1 96%); text-align: center; line-height: 24px; border-radius: 20px; color: #fff; } .number2{ margin-left: 10%; margin-right: 10%; } .countFloor-title-tx{ margin-top: 5px; font-size: 12px; color: #ff4343; text-align: center; } .countFloor-title-tx a img{ width: 14px;vertical-align: middle; margin-left: 5px; margin-top: -4px;} .countFloor-flo{ margin-left: 3.25%; margin-right: 3.25%; border: 1px solid #ffdc6f;border-radius: 10px; margin-top: 10px;} .countFloor-flo-tp{ height: 32px;background-color: #FFF6ED; border-radius: 10px 10px 0 0; padding-left: 14px; line-height: 32px;font-size: 13px; font-weight: bold; color: #816426;} .countFloor-flo-tp span{ font-size: 11px; color: #816426; padding-left: 5px;font-weight: normal;} .listNum{ display: flex; display: -webkit-flex; padding-left:5px; padding-right: 5px; padding-top: 11px; padding-bottom: 11px;} .listNum-bd{ width: 32%;display: flex;display: -webkit-flex; justify-content: space-between; -webkit-justify-content:space-between; align-items: center; -webkit-align-items:center; background: url(../images/poto-bgyew.png) no-repeat; background-size: 100% 100%; padding: 5px 10px; box-sizing: border-box; color: #333;} .listNum-bd-lt{ width: 66%; line-height:1.5; padding-top: 2px; padding-bottom: 2px;} .listNum-bd-lt p{ font-size: 10px; font-weight: bold;} .listNum-bd-lt small{ display: inline-block; font-size: 8px; color: #914F1D; text-decoration: line-through;} .listNum-bd-rt{ font-size: 11px; color: #914F1D; line-height: 1.3;} .bluebg{ border: 1px solid #CBE8F1;} .bluebg .countFloor-flo-tp{ background-color: #E0F4FB; color: #567A96;} .bluebg .countFloor-flo-tp span{ color: #567A96; } .bluebg .listNum-bd{ background: url(../images/poto-bgblue.png) no-repeat; background-size: 100% 100%;} .bluebg .listNum-bd-rt{ color: #fff;} .bluebg .listNum-bd-lt small{ color: #567A96;} .countFloor-flo2{margin-left: 3.25%; margin-right: 3.25%; border: 1px solid #CBE8F1;border-radius: 10px; margin-top: 12px; } .countFloor-flo-tp2{ height: 32px;background-color: #E0F4FB; border-radius: 10px 10px 0 0; padding-left: 14px; line-height: 32px;font-size: 13px; font-weight: bold; color: #567A96;} .countFloor-flo-tp2 span{ font-size: 11px; color: #567A96; padding-left: 3px;font-weight: normal;} .box{ width: 100%; padding-left: 5px; padding-right: 5px; box-sizing: border-box; overflow-x: auto; display: flex; display: -webkit-flex; margin-top: 12px; margin-bottom: 12px;} .box::-webkit-scrollbar{ display: none;height: 0;} .box::after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} .box-bd{ flex-shrink: 0; width: 54px;box-sizing: border-box;padding-top: 5px; background-color: #EDFBFF; border-radius: 12px; margin-left: 4px; margin-right: 4px; color: #333;} .box-bd-tp{ width: 86%;max-width: 100px; margin: 0 auto;} .box-bd-tp img{ display: block; width: 100%;} .box-bd-tl{ padding-top: 3px; text-align: center; font-size: 9px; color: #333;} .box-bd-tx{ font-size: 10px; text-align: center; color: #999; padding-bottom: 10px; line-height: 1;} .box-bd-tx span{ color: #567A96; font-size: 10px; } .box-bd-tx span.setcolor{ color: #999;} .setgray1{ background: linear-gradient(to right,#d2cec7 30%,#9cc5d3);} .setgray2{ background: linear-gradient(to right,#e1deda 30%,#d2cec7);} .setgray3{ background: linear-gradient(to right,#d2cec7 30%,#ffca26);} .likebox{ margin-left: 3.25%;margin-right: 3.25%; background-color: #fff; border-radius: 12px; padding-bottom: 1px;} .likebox-tp{ display: flex; display: -webkit-flex; margin-top: 12px; } .likebox-tp li{ width: 33.333%; text-align: center;margin-top: 15px; margin-bottom: 12px; } .likebox-tp li:not(:last-child){ border-right: 1px dashed #cfcfcf;} .likebox-tp li a{ display: inline-block; position: relative; padding-bottom: 5px; color: #333;line-height: 1.5;} .likebox-tp li a p{ font-size: 14px; font-weight: bold;} .likebox-tp li a span{ font-size: 11px; color: #999;} .likebox-tp li a.active{ color: #FF4D4D; top: -3px;} .likebox-tp li a.active p{ font-size: 16px;} .likebox-tp li a.active span{color: #FF4D4D; } .likebox-tp li a.active::after{ content: ""; display: block; width: 40%; height: 2px; background-color: #FF4D4D; position: absolute; left: 0; right: 0;bottom: 0; margin: 0 auto; } .likebox-bd{ width: 100%;overflow: auto; display: flex; display: -webkit-flex; padding-left: 5px; padding-right: 5px; box-sizing: border-box; margin-bottom: 12px; padding-top: 5px;} .likebox-bd::-webkit-scrollbar{ display: none;height: 0;} .likebox-bd::after{ content: "."; display: block; height: 0; clear: both; visibility: hidden;} .cell{flex-shrink: 0;width: 90px; background-color: #FFF8E4; border-radius: 12px; padding: 12px 0 ; margin-left: 4px;margin-right: 4px; color: #333;} .cell-tp{ width: 80%;margin: 0 auto;} .cell-tp img{ display: block; width: 100%;} .cell-tx{ padding:8px 5px 0; text-align: center; } .cell-tx h3{ width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 13px; font-size: #333; line-height: 1.2;} .cell-tx-ft{ color: #ff3f3f;font-size: 12px;} .cell-tx-ft em{ font-size: 18px; padding-right: 3px;} .cell-tx-ft span{ font-size: 12px; color: #999; text-decoration: line-through;} .potoAdv{ margin-left: 3.25%; margin-right: 3.25%; margin-top: 12px;} .potoAdv img{ display: block; width: 100%; } .hotFloor-bd{ display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap:wrap; margin-left: 1.5%; margin-right: 1.5%;} .hotCell{ width: 31%; position: relative;background-color: #fff; margin-left: 1.1%; margin-right: 1.1%; border-radius: 12px; padding-top: 10px; color: #333;margin-bottom: 10px; padding-bottom: 6px; } .hotCell-tp{ width: 62%; max-width: 80px; margin: 5px auto 0; } .hotCell-tp img{ display: block; width: 100%;} .hotCell-tx{ padding: 5px; text-align: center;} .hotCell-tx h3{ font-size: 14px; } .hotCell-tx-ft{ white-space: nowrap; font-size: 11px;} .hotCell-tx-ft p{ display: inline-block;color: #FF3F3F; margin-right: 3px; } .hotCell-tx-ft p em{ font-size: 16px; } .hotCell-tx-ft span{ color: #999; text-decoration: line-through;} .hotTag{ position: absolute; right: 0; top: 0; border-radius: 0 12px 0 7px; background-color: #FE5050; font-size: 10px; color: #fff; line-height: 1.2; padding: 2px 6px;} .hotFloor-tp{ margin-top: 16px; margin-bottom: 16px; } .hotFloor-tp h2{ display: flex; display: -webkit-flex; align-items: center; -webkit-align-items:center; justify-content: center; -webkit-justify-content:center; font-size: 16px; color: #FE5050;} .hotFloor-tp h2::before{ content: ""; width: 40px; height: 12px; background: url(../images/poto-der.png) no-repeat; background-size: 100% 100%; margin-right: 5px; } .hotFloor-tp h2::after{ content: ""; width: 40px; height: 12px; background: url(../images/poto-der.png) no-repeat; background-size: 100% 100%; margin-left: 5px; transform: rotateY(180deg); } swiper { width: 100%; height: 100%;} .swiper-slide{ align-self: flex-end; -webkit-align-self:flex-end} /**/ .popbox{ position: fixed;left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); z-index: 11;} .popboxCon{ position:absolute; left: 0; right: 0;top: 50%; width: 90%; margin: 0 auto; background-color: #fff; border-radius: 7px;padding: 18px 20px 5px; box-sizing: border-box; transform: translateY(-50%);} .popbox-title{ text-align: center; font-size: 15px; margin-bottom: 10px; font-weight: bold;} .popbox-bd{ font-size: 14px; text-align: center; padding-bottom: 10px;} .btnGroups{ display: flex; display: -webkit-flex; justify-content:space-around; -webkit-justify-content:space-around; margin-top: 15px;margin-bottom: 15px; } .btnGroups a{ width: 44%; height:38px; background: linear-gradient(45deg,#d2cec7,#e1deda); text-align: center; line-height: 38px; border-radius: 26px;font-size: 14px; color: #fff;} .btnGroups a.btncolor{ background: linear-gradient(45deg,#fdd968,#ffca26); color: #fff; } .btnGroups a.btncolor2{ background: linear-gradient(135deg,#cbe8f1 10%,#9cc5d3 90%); color: #fff; } .popboxCon2{ position:absolute; left: 0; right: 0;bottom:0; background-color: #fff; border-radius: 10px 10px 0 0;padding: 15px 15px 0; box-sizing: border-box; } .txbox-tp{ padding-bottom: 8px; padding-top: 5px;} .txbox{ font-size: 14px; text-align: center; padding-bottom: 5px;} .btnclose{ position: absolute; right: 10px; top: 15px;} .btnclose img{ width: 24px;} .txbox-tx{ font-size: 16px; padding-bottom: 5px;} .txbox-tx-ft{ font-size: 12px; margin-top: 5px;} .txbox-tx-ft em{ font-size: 18px;} .txbox-ft{padding-top: 5px; text-align: left; font-size: 13px; padding-bottom: 5px; padding-left: 5px;} .inputBox{ height: 40px; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-align-items:space-between; align-items: center; -webkit-align-items:center; background-color: #f1f1f1; border-radius: 26px; margin-bottom: 12px; padding: 0 15px; box-sizing: border-box;} .inputBox input{ width: 0; flex: 1; background: transparent; border: none; font-size: 12px; } .inputBox-rt{ color: 0096e4; font-size: 12px;} .inputBox-rt a{ color: #0096e4;} .chebox{ margin-left: 5px;} .chebox input{display: none;} .chebox label{font-size: 12px; color: #999;} .chebox label::before{display: inline-block;content: "";width: 14px;height: 14px;border-radius: 50%;border: 1px solid #999;vertical-align: middle;margin: -2px 5px 0 0;} .chebox label a{font-size: 10px;color: #2b71f6;} .chebox input:checked + label::before{ width: 16px; height: 16px; background: url(../images/icon-tick.png) no-repeat; background-size: 100% 100%; border: none; margin-top: -4px; } .btn{ display: block; height: 40px; background: linear-gradient(to right,#fdd968,#ffca26); text-align: center; line-height: 40px; color: #fff; font-size: 15px; border-radius: 36px; margin-top: 18px; margin-bottom: 22px;} .popbox-bd-ft{ text-align: center; margin-top: 5px;} .popbox-bd-ft a{ color: #ff4343; font-size: 12px;} .popbox-bd-ft a img{ width: 14px; vertical-align: middle; margin-top: -2px;} .popbox-bd2-tx{ font-size: 13px; height: 50vh; overflow: auto} .popbox-bd2-tx dt{ font-weight: bold;} .popbox-bd2-tx dd{ margin-bottom: 5px; } .setColor2{ color: #0064ed;} .fixed{ position: fixed;left: 0; right: 0; top: 0; z-index: 10;} .likebox-bd2{ width: auto;padding-left: 13px;padding-right: 13px;padding-top: 2px; } .likebox-bd2::after{ content: "";display: block;width: 0;height: 0;} .potoadv1{ display: block;} .potoadv1 img{ display: block; width: 100%; border-radius: 10px;} .linkbox{ position: fixed; right: 5px; top: 70%; z-index: 10;} .linkbox a{ display: inline-block;} .linkbox a img{ width: 65px; } .tppop{font-size: 12px;color: #333;background: #fff;position: fixed;z-index: 10;top: 0;left: 0;right: 0;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;padding: 0 13px 0 10px;} .tppop img{display: block;width: 12px;} .tppop-tx{display:flex;display:-webkit-flex;flex: 1;-webkit-flex: 1;width: 0;line-height: 24px;margin: 0 9px 0 4px;overflow: hidden;white-space: nowrap;} .pop{position: fixed;z-index: 10;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0,0,0,0.5);} .pop-con{position: fixed;z-index: 5;top: 20%;left: 5%;right: 5%;background: #fff;border-radius: 8px;padding: 18px 15px 26px;font-size: 12px;color: #333;line-height: 20px;text-align: justify;} .pop-con h3{font-size: 15px;text-align: center;line-height: 1;margin-bottom: 12px;} .pop-con a{display: block;margin: 14px 27.59% 0;height: 37px;line-height: 37px;border-radius: 37px;text-align: center;background: linear-gradient(to right,#006eff,#38abf3);font-size: 15px;font-weight: bold;color: #fff;} /*2022-06-23*/ .vipStyle-bd4{background: url(../images/poto-bg-yew2.jpg) no-repeat; background-size: 100% 100%;} .txbox-tx-ft span{ color: #ff0000;} .txbox-tx-tx2{color: #ff0000;font-size: 12px;line-height: 1;margin-bottom: 5px; } .validestyle{ display: flex; display: -webkit-flex; margin-bottom: 5px;} .validestyle-rt{ flex: 1;} .titlebox{ position: relative;} .titlebox h2{ text-align: center; font-size: 15px;} .titlebox a{ position: absolute; right: -5px; top: -5px;} .titlebox a img{ width: 26px;} .txbox2{ margin-top: 17px; padding-bottom: 15px;} .txbox2-tp{ text-align: center; font-size: 13px;} .txbox2-tp span{ color: #ff0000;} .txbox2-bd{ text-align: center;margin-top: 5px;} .txbox2-bd img{ text-align: center; width: 40px; margin-left: 3px; margin-right:3px;} .btns{ width: 80%;margin: 0 auto; padding-bottom: 25px;} .btns a{ display: flex; display: -webkit-flex;flex-direction: column; -webkit-flex-direction:column;align-items: center; -webkit-align-items:center;justify-content: center; -webkit-justify-content:center; height: 40px; border-radius: 26px; color:#999; background:linear-gradient(to right,#b2cbff,#b2cbff); margin-top: 10px; color: #fff;} .btns a p,.btns a span{ line-height: 1.2; font-size: 9px;} .btns a p{ font-size: 13px; } .btns a.addbg{ background:linear-gradient(to right,#ff9b72,#ff6001); color: #fff;} /*2022-8-8*/ .txred{ color: #ff0000;} .txgray{ margin-top: 10px; color: #999; font-size: 11px;line-height: 18px;} .popboxCon-close{ position: absolute; right: 10px; top: 10px;} .popboxCon-close img{ width: 26px;} .popbox-bd-tx{ font-size: 13px; padding-top: 8px;padding-bottom: 5px; } .popbox-bd-tx span{ color: #ff0000;} .list{ } .list-bd{ display: flex; display: -webkit-flex; align-items: center; -webkit-align-items:center; padding-top: 5px; padding-bottom: 5px;} .list-bd-lt{ width: 16%;max-width: 94px;} .list-bd-lt img{ display: block; width: 100%;} .list-bd-tx{ flex: 1;text-align: left; margin-left: 10px;} .list-bd-rt{ font-size: 13px; text-decoration: line-through; color: #999;} .btns2{ display: flex; display: -webkit-flex; justify-content: space-between;-webkit-justify-content:space-between; padding-bottom: 15px;} .btns2 a{ width: 48%; display: flex; display: -webkit-flex;flex-direction: column; -webkit-flex-direction:column;align-items: center; -webkit-align-items:center;justify-content: center; -webkit-justify-content:center; height: 40px; border-radius: 26px; color:#999; background-color: #e6e6e6; margin-top: 10px; line-height: 16px; } .btns2 a p,.btns a span{ line-height: 1.2; font-size: 9px;} .btns2 a p{ font-size: 13px; } .btns2 a span{ font-size: 9px;} .btns2 a.addbg{ background-color: #fad119; color: #fff;} .tipBox{ display: flex; display: -webkit-flex; align-items: center; -webkit-align-items:center; justify-content: center; -webkit-justify-content:center;} .tipBox img{ width: 45px; margin-right: 10px;} .tipBox-rt{ font-size: 22px; color: #272727; font-weight: bold;} .tipBox-rt span{ color: #ed4e33;} .txbox3{font-family:'方正兰亭'; font-size: 25px; font-weight: bold; text-align: center;margin-top: 34px;} .txbox3-tx{ display: inline-block; position: relative; font-size: 47px; } .txbox3-tx span{ font-size: 15px; display: inline-block; position: absolute; right:-30px; top: -26px; background-color: #ed4e33; color: #fff; border-radius: 7px 7px 7px 0; padding: 0 5px; font-weight:normal;} .box2{ padding-top: 5px; } .box2-bd1{ display: flex; display: -webkit-flex; background: url(../images/poto-bgadd2.png) no-repeat;background-size: 100% 100%; margin-top: 12px; position: relative; padding: 20px 0; } .box2-bd1-lt,.box2-bd1-rt{ width: 50%; text-align: center;font-size: 12px; color: #5a5a5a;line-height: 18px; } .box2-bd1-lt p span, .box2-bd1-rt p span{ font-size: 16px; color: #ed4e33;} .box2-tag{ position: absolute; left: 0; top: 0; display: inline-block;width:65px ; height: 18px;line-height: 18px; background: url(../images/poto-tl.png); background-size: 100% 100%; padding-left: 5px; box-sizing: border-box; color: #fff;font-size: 12px; text-align: left;} .box2-bd2{ position: relative; background-color: #ffead6; border-radius: 5px; padding: 25px 10px 15px; margin-top: 12px; } .box2-bd2-tx{ text-align: center; color: #5a5a5a;} .box2-bd2-tx span{ font-size: 18px; color: #ed4e33;} .btn3{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content:space-between; margin-top: 20px; margin-bottom: 15px;} .btn3 a{ width: 47%;height: 36px; text-align: center; line-height: 36px; border: 1px solid #aeaeae; border-radius: 26px; color: #aeaeae; font-size: 18px;} .btn3 a.bluebg{ height: 38px; line-height: 38px; border: none; background: linear-gradient(#f76541,#e9452e); color: #fff;} /* 2022.9.13 */ .popInp{display: flex;display: -webkit-flex;padding: 0 10px 8px;font-size: 13px;} .popInp input{flex: 1;width: 0;box-sizing: border-box;border: 1px solid #dcdcdc;line-height: 38px;padding: 0 10px;} .popInp input::-webkit-input-placeholder{color: #959595;} .popInp-btn{width: 30%;border: 1px solid #ffca26;color: #ffca26;text-align: center;border-radius: 5px;line-height: 38px;min-width: 80px;margin-left: 6px;} .popInp-btn a{display: block;color: #ffca26;} .popInpSp input::-webkit-input-placeholder{color: #e81c06;} @media only screen and (max-width: 320px) { .popInp-btn{font-size: 12px;} }