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:13px/18px arial,"Microsoft YaHei","微软雅黑";color:#333;outline:0;}
body{ background: #f5f5f5;}
*{ padding: 0px; margin: 0px;}
.tpTit{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;background: url(../images/photo-tpbg.jpg) no-repeat;background-size: 100% 100%;padding: 13px 3.47% 10px;font-size: 11px;color: #fff;text-align: right;margin-bottom: 10px;}
.tpTit img{display: block;width: 11.47%;max-width: 80px;}
.tpTit h3{flex: 1;font-size: 17px;margin: 0 11px;text-align: justify;}
.tpTit span{font-size: 12px;color: #ffdcaf;}
.floor{margin: 0 3.47% 10px;border-radius: 10px;background: #fff;box-shadow: 0 0 5px rgba(0, 0, 0, .05);}
.floor-tit{font-size: 18px;padding: 16px 13px;}
.floorList{ margin-left: 13px; margin-right: 13px; padding-bottom: 1px; }
.floorList-bd{ display: flex; display: -webkit-flex;align-items: center;-webkit-align-items:center; padding:12px 13px; background:#f7f7f9; border-radius: 10px; border: 1px solid #e6e6e6; margin-bottom: 10px;
}
.floorList-bdTx-tp{ position: relative; color: #333; font-size: 15px; font-weight: bold;}
.floorList-bdTx-tp span.tag{ position: relative; display: inline-block; background-color: #ff2657; font-size: 12px; color: #fff; border-radius: 26px 26px 26px 0;
 line-height: 1; padding: 3px 5px; top: -3px; margin-left: 5px; font-weight: normal;}
.floorList-bdTx-ft{ display: flex; display: -webkit-flex; align-items: center; -webkit-align-items:center; margin-top: 5px;color: #666; font-size: 12px;}
.tx1{ border: 1px solid #ff4b3a; border-radius: 2px;color: #f4303c; font-size: 12px; padding: 3px 8px; line-height: 1; margin-right: 5px; position: relative; }
.tx1::before{ content: ""; display:block; width:4px ; height: 8px; border-radius: 0 30px 30px 0; border: 1px solid #ff4b3a; border-left:2px solid #f7f7f9;
 position: absolute; left: -2px;top: 50%;margin-top: -5px; background-color: #f7f7f9;   }
.tx1::after{ content: ""; display:block; width:4px ; height: 8px; border-radius: 30px 0 0 30px; border: 1px solid #ff4b3a; border-right: 2px solid #f7f7f9;
 position: absolute; right: -2px;top: 50%;margin-top: -5px; background-color: #f7f7f9;   }
.floorList-bd-tx{ flex: 1; white-space: nowrap; text-align: right; font-size: 12px; font-weight: bold; }
.floorList-bd-tx em{ font-size: 23px; }
.selected{ background: url(../images/photo-selectedbg.png) no-repeat #edf4ff;background-size: 100% auto; border-color: #157aff;}
.selected .tx1::after{content: ""; background-color: #edf4ff;}
.selected .tx1::before{content: ""; background-color: #edf4ff;}
.selected .floorList-bd-tx{ color:#ff2657}
.floor-cell{ display: flex; display: -webkit-flex; align-items: center; -webkit-align-items:center; }
.floor-cell-lt{ flex: 1; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items:center;}
.floor-cell-lt h3{ font-size: 18px;line-height: 50px;}
.floor-cell-lt a{  width: 50px; height: 22px; background-color: #f7f7f9; text-align: center;line-height: 22px;color: #333;
 border-radius: 26px; font-size: 10px;  border: 1px solid #f7f7f9; margin-left: 12px;}
.floor-cell-lt a.active{  background-color: #e5f2ff; font-size: 12px; color: #007dff;  border-color: #007dff;}
.floor-cell-rt{ font-size: 15px;}
.floor-cell-rt span{ line-height: 50px;}
.link-tx{ color: #333; font-size: 14px; margin-right: 4px;}
.link-tx img{ width: 7px; vertical-align: middle; margin-left: 10px; margin-top: -2px;}
.floorcellbox{ margin-left: 12px; margin-right: 12px;}
.floorcellbox div.floor-cell:not(:last-child){ border-bottom: 1px solid #e6e6e6;}
.tx{ margin-right: 19px;}
.floor-cell-btn{ display: inline-block;vertical-align: middle; margin-top: -3px;}
.floor-cell-btn img{  width: 14px; margin-left: 5px; display: block;}
.floor2{margin-left: 3.25%; margin-right: 3.25%; background-color: #fff; border-radius: 10px; margin-top: 10px; padding-bottom: 15px;}
.floor2-tp{ display: flex; display: -webkit-flex; align-items: center; -webkit-align-items:center; padding-left: 13px; padding-right: 13px; padding-top: 16px;  }
.floor2-tp img{ width: 20px; display: block;margin-right:5px; }
.floor2-tp h3{ font-size: 18px;}
.floor2-bd{  display: flex; display: -webkit-flex; align-items: center; -webkit-align-items:center;padding: 12px; background-color: #edf4fe;
 margin-left: 12px; margin-right: 12px; margin-top: 10px; border-radius: 10px;}
.floor2-bd-tx{ flex: 1;}
.tx-tl{ color: #5773c3; font-size: 16px;}
.tx-details{ color: #999; font-size: 13px;margin-top: 2px; }
.floor2-bd-rt{ width: 23%;max-width: 144px;}
.floor2-bd-rt img{ display: block; width: 100%;}
.price{ display: flex;  display: -webkit-flex; align-items: center; -webkit-align-items:center; margin-top: 5px;}
.price p{ font-size: 18px; font-weight: bold; color: #f4303c; }
.price span{ width: 50px; height:20px;text-align: center; line-height: 20px; margin-left: 10px;font-size: 12px;
 color: #fff; background-color: #5773c3; border-radius: 26px; box-shadow: 0 2px 5px rgba(87, 115, 195, 0.5);}
.bgcolor2{ background-color: #fff3e9;}
.bgcolor2 .tx-tl{color: #f06612;}
.bgcolor2 .price span.btn-bg1{background-color: #ff9139; box-shadow: 0 2px 5px rgba(255, 145, 57, 0.5);}
.bgcolor3{ background-color: #e6fbf9;}
.bgcolor3 .tx-tl{color: #5ca193;}
.bgcolor3 .price span.btn-bg1{background-color: #5ca193; box-shadow: 0 2px 5px rgba(87, 170, 153, 0.5);}
.floor2-tp h3{ font-size: 18px;}
.listbox-outer{ padding-top: 14px; }
.listbox-outer a{ color: #333;}
.listbox{ }
.listbox-bd-tp{ margin-bottom: 5px;}
.listbox-bd-tp img{ display: block; width: 100%; border-radius: 5px;}
.listbox-bd-ft{ text-align: center;}
.listbox-bd-ft h4{ width: 100%; overflow: hidden;white-space: nowrap; text-overflow: ellipsis; font-size: 12px;}
.listbox-bd-ft p{ color: #f4303c; font-size: 14px; line-height: 18px; font-weight: bold;}
.boxft{ margin-left: 3.25%; margin-right: 3.25%; margin-top: 10px; display: flex; display: -webkit-flex; justify-content: space-between;
 -webkit-justity-content:space-between}
.boxft-bd{ width: 48.5%; background-color: #fff; border-radius: 10px; padding :12px; box-sizing: border-box;}
.boxft-bd-tp{ margin-bottom: 5px;}
.boxft-bd-tp span{ display: inline-block; vertical-align: middle; border: 1px solid #ff005b; font-size: 11px; line-height: 1; color: #ff005b;
 padding: 2px 5px; border-radius: 26px;}
.boxft-bd-tp h2{color: #3e3e3e; font-size: 15px; display: inline-block; vertical-align: middle; margin-left: 5px;}
.boxft-bd-tx{ color: #6e6e6e; font-size: 10px; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.boxft-bd-poto{ width: 80%; display: block; margin: 0 auto;}
.boxft-bd-poto img{ display: block; width: 100%;}
.boxft-bd-tx2{ text-align: center; color: #6e6e6e;}
.boxft-bd-btn{ display: block; width: 70%; height: 30px; margin:8px auto 0; background-color: #ffc8d8; color: #ff005b; font-size: 12px;
 text-align: center; line-height: 30px; border-radius: 26px;}
.ultx{ margin-left: 12px; margin-right: 12px; margin-top: 10px;}
.ultx li{ display: flex; display: -webkit-flex; margin-top: 5px;}
.ultx-lt{ width: 14px; height: 14px; background-color: #bcd9ff; border-radius: 8px; color: #0f78ff; text-align: center; line-height: 14px; margin-top: 3px;}
.ultx-rt{ flex: 1; margin-left: 5px; font-size: 12px; color: #666;line-height: 20px;text-align: justify;}
.footerFloor{  margin-top: 12px; height: 90px;}
.footerFloor-tp{ display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content:center; align-items: center; -webkit-align-items:center;
 background-color: #e8f4ff; text-align: center; color: #333; font-size: 13px; line-height: 1; padding-top: 8px; padding-bottom: 8px;}
.footerFloor-tp img{ width: 14px; margin-right: 5px;}
.footer-btn{  display: flex; display: -webkit-flex; align-items: center; -webkit-align-items:center; background-color: #fff; height: 60px; }
.footerBtn-lt{ flex: 1; padding-left: 12px;  white-space: nowrap; }
.footerBtn-lt-pr{ color: #ff2657; font-size: 12px; line-height: 1;}
.footerBtn-lt-pr em{ font-size: 30px;}
.footerBtn-lt-tx{ height: 18px; line-height: 18px; padding: 0 2px; color: #999; font-size: 12px; border: 1px solid #999; border-radius: 3px;
 margin-left: 5px; margin-top: -10px;}
.footerFloor-box{ position: fixed; left: 0; right: 0; bottom: 0;z-index: 8;}
.footer-serve{  position: relative; padding-left: 13px; padding-right: 13px; }
.footer-serve a{  display: block; text-align: center; color: #070707;}
.footer-serve a img{ width: 18px; display: block; margin: 0 auto;}
.footer-serve a span{ font-size: 9px; line-height: 1;margin-top: 2px;}
.footer-serve::after{ content: ""; display: inline-block; width: 1px; height: 60%;background-color: #e6e6e6; position: absolute; right: 0; top: 20%;}
.btngroups{  margin-right: 13px;}
.footer-btn-rt{ display: block;  width:120px;height: 40px; background:linear-gradient(to right,#0a90ff,#006bff); font-size: 20px; color: #fff; text-align: center; line-height: 40px;
 border-radius: 26px;}
.setGray{ background: linear-gradient(to right,#a6a6a6,#a6a6a6);}
.btngroups2{  display: flex; display: -webkit-flex; width: 165px;height: 40px; margin-right: 13px;}
.btn-lt{ width: 75px;height: 40px; text-align: center; line-height: 40px; background: linear-gradient(to right,#ffe0b3,#f3c37f); font-size: 18px; color: #333;
 border-radius: 26px 0 0 26px;}
.btn-rt{ flex: 1; background: linear-gradient(to right,#0a90ff,#006bff); border-radius: 0 26px 26px 0; font-size: 18px; color: #fff;
 text-align: center; line-height: 40px;}
.gap{ padding-bottom: 1px;}
.couponbox{ background-color: #fafafa; border-radius: 5px;padding:14px 10px; margin-left: 12px; margin-right: 12px; margin-bottom: 11px;}
.couponbox-tp{ display: flex; display: -webkit-flex; align-items: center; -webkit-align-items:center; padding-bottom: 10px;}
.couponbox-tp img{  width: 18px; margin-right: 5px;}
.couponbox-tp p{ font-size: 14px; font-weight: bold;}
.couponbox-tp p span{ color: #ff2657; padding-left: 3px; padding-right: 3px;}
.couponbox-ft{display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content:space-between; align-items: center; -webkit-align-items:center }
.couponbox-ft-rt{ }
.couponbox-ft-lt{  width: 60%;max-width: 390px; }
.couponbox-ft-lt img{ display: block; width: 100%;}
.couponbox-ft-rt{ line-height: 1;}
.couponbox-ft-rt input{ display: none;}
.couponbox-ft-rt label{ display: flex; display: -webkit-flex; align-items: center; -webkit-align-items:center; white-space: nowrap; line-height: 1; font-size: 10px; color: #ff2657;}
.couponbox-ft-rt label::after{ content: ""; width: 16px; height: 16px; border: 1px solid #c2c2c2; border-radius: 16px; background-color: #fff; margin-left: 5px; margin-top: -2px;}
.couponbox-ft-rt input:checked + label::after{content: ""; width: 18px; height: 18px; border: none;  background: url(../images/icon-tick1.png) no-repeat;
 background-size: 100% 100%;}
.couponbox-ft-rt label em{ font-size: 18px;display: inline-block; margin-top: -4px;}
.coupontag{  background-color: #ff2657; border-radius: 3px; color: #fff; font-size: 14px;padding: 3px;}
.coupontag2{ color: #ff2657;}
.footerBtn-lt-tx2{ font-size: 10px;color: #666;}
.popbox{ position: fixed;z-index: 99;left: 0;right: 0;bottom: 0;top: 0;background: rgba(0,0,0,.5);}
.popboxCon{position: absolute;z-index: 5;left: 0;right: 0;bottom: 0;background: #f5f5f5;z-index: 100;}
.poptitle{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content:space-between; align-items: center; -webkit-align-items:center;  margin-top: 18px; margin-left: 12px; margin-right: 12px;}
.poptitle h2{font-size: 16px; }
.poptitle img{ width: 16px;}
.usernumber{ display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; -webkit-align-items:center;  margin-left:12px; margin-right: 12px;
 border-bottom: 1px solid #e5e5e5; padding-bottom: 3px; margin-top: 20px; padding-left: 10px;padding-right: 10px; box-sizing: border-box; }
.usernumber-lt{ }
.usernumber-lt p input{ width: 100%; border: none; font-size: 20px; color: #333; background-color: transparent;}
.usernumber-lt span{ color: #999; font-size: 13px;}
.usernumber-rt img{ width: 22px;}
.list{  margin-left: 12px; margin-right: 12px;height: 40vh; overflow: auto;}
.list dl:not(:last-child){ border-bottom: 1px solid #eee;}
.listBd-tp{ height: 54px; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content:space-between; align-items: center;-webkit-align-items:center;
 line-height: 54px;}
.listBd-tp-lt {display: flex; display: -webkit-flex; align-items: center;-webkit-align-items:center;  font-size: 14px; font-weight: bold;}
.listBd-tp-lt img{ width: 27px; margin-right: 10px;}
.listBd-tp-rt img{ width: 13px; display: block; }
.listBd-sub{ display: flex; display: -webkit-flex; align-items: center; -webkit-align-items:center; justify-content: space-between; -webkit-justify-content:space-between;
 padding-top: 10px; padding-bottom: 10px; }
.listBdcell{  display: flex; display: -webkit-flex; align-items: center; -webkit-align-items:center; }
.listBd-sub-outer{ margin-left: 36px; margin-right: 36px;  }
.listBd-sub-outer .listBd-sub:not(:last-child){ border-bottom: 1px solid #eee;}
.listBd dd{ border-top: 1px solid #eee;}
.listBdcell-lt{  width: 23%; max-width: 62px; margin-right: 12px;}
.listBdcell-lt img{ display: block; width: 100%; border-radius: 50%;}
.listBdcell-rt p{ font-size: 14px; }
.listBdcell-rt span{ display: block; font-size: 12px; color: #666; padding-top: 2px;}
.listBd-sub-rt input{ position: relative;}
.listBd-sub-rt input::after{ content: ""; display: inline-block; width: 18px; height: 18px; border: 1px solid #c2c2c2; border-radius: 16px; background-color: #fff; margin-left: 5px; margin-top: -2px;
 position: absolute;left: -7px; top: 0px; z-index: 5;}
.listBd-sub-rt  input:checked::after{content: ""; display: inline-block; width: 20px; height: 20px; border: none;  background: url(../images/icon-tick1.png) no-repeat;
 background-size: 100% 100%;}
.listBd dd{ display: none;}
.tx3{ font-size: 13px; color: #999;line-height: 54px; text-align: center;}
.listBd dt.current p.listBd-tp-rt img{ transform: rotate(180deg);}
.popBtn{ display: flex; display: -webkit-flex; align-items: center;-webkit-align-items:center; height: 50px;  background-color: #fff; margin-top: 10px;}
.popBtn-lt{ width: 30%;text-align: center;color: #006eff; }
.popBtn-lt img{ width: 17px;display: block; margin: 0 auto;}
.popBtn-lt span{ display: block;text-align: center;margin-top: 1px; font-size: 11px;}
.popBtn-rt{ flex: 1; height: 50px;line-height: 50px;text-align: center;  background-color: #006eff; font-size: 15px; color: #fff;}
.usernumber-lt span.txred{ font-size: 13px; color: #f4303c;}
.couponList{ margin-left: 12px; margin-right: 12px; margin-top: 20px;height: 50vh;
 overflow: auto;}
.couponCell{ display: flex; display: -webkit-flex;margin-bottom: 10px;  }
.couponCell-lt{ width: 30%; background: linear-gradient(to right,#ffdeb0,#f1bc71);border-radius: 7px; display: flex; display: -webkit-flex; position: relative;}
.couponCell-lt::after{ content: ""; display: inline-block;width: 10px; height: 100%; background: url(../images/poto-der.jpg) no-repeat;background-size: auto 100%;
 position: absolute; top: 0;bottom: 0; right: 0px; z-index: 5;}
.couponCell-lt p{ margin: auto; font-size: 18px;}
.couponCell-lt p span{ font-size: 38px; font-weight: bold;}
.couponCell-rt{ flex: 1; display: flex; display: -webkit-flex;background-color: #fff;  border-radius: 7px; padding-left: 15px; padding-top: 14px; padding-bottom: 12px;}
.couponCell-rt-lt{flex: 1;}
.couponCell-rt-lt h3{ font-size: 16px;}
.couponCell-rt-lt p{ font-size: 12px;margin-top: 5px;}
.couponCell-rt-lt small{ display: block; color: #999; font-size: 11px; margin-top: 15px;line-height: 1;}
.couponCell-rt-rt{ margin-right: 10px; display: flex; display: -webkit-flex;}
.couponCell-rt-rt span.radistyle{  width: 16px; height: 16px; margin: auto; background-color: #fff; border: 1px solid #ccc; border-radius: 16px;}
.btn-blue{ display: block;height: 50px;text-align: center;line-height: 50px; margin-top: 15px; background: linear-gradient(to right,#0b90ff,#016cff); font-size: 15px; color: #fff;}
.couponCell-active span.radistyle{ width: 18px; height: 18px; border: none; background: url(../images/icon-tick1.png) no-repeat; background-size: 100% 100%; }
.validList{ margin-left: 12px; margin-right: 12px; margin-top: 20px;}
.validList-bd{ display: flex; display: -webkit-flex; align-items: center;-webkit-align-items:center; background-color: #fff; border-radius: 7px;padding:16px 13px; margin-bottom: 10px;
 border: 1px solid #fff;}
.validList-bd-lt{ flex: 1;}
.validList-bd-lt span{ display: inline-block; margin-right: 10px;}
.validList-bd-rt{ width: 16px; height: 16px; margin: auto; background-color: #fff; border: 1px solid #ccc; border-radius: 16px; }
.validList-active{ border-color: #006eff;}
.validList-active .validList-bd-rt{ width: 18px; height: 18px; border: none;background: url(../images/icon-tick1.png) no-repeat; background-size: 100% 100%;}
.popboxCon2{position:absolute; left: 0; right: 0; bottom: 0; background-color: #fff; }
.popboxCon2-tp{padding-top:20px; margin-left: 3.25%; margin-right: 3.25%; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items:center;
 padding-bottom: 17px; position: relative;}
.popboxCon2-tp-lt{ margin-right: 7px; width: 38px;}
.popboxCon2-tp-lt img{ display: block; width: 100%;}
.userPhone{ font-size: 13px; font-weight: bold; }
.userTx{ font-size: 14px; font-weight: bold;}
.closeBtn{ position: absolute; top: 15px; right: 0; }
.closeBtn a{ display: inline-block;}
.closeBtn a img{ width: 20px;}
.popCon-info{margin: 0 5.2% 15px;border-bottom: 1px solid #efefef;}
.info-pay{display: block;color: #333;}
.info-pay::after{content: "";display: inline-block;width: 8px;height: 13px;background: url(../images/icon-arrow.png) no-repeat;background-size: 100% 100%;vertical-align: middle;margin: -2px 0 0 10px;}
.info-pay img{display: inline-block;width: 18px;vertical-align: middle;margin: -2px 5px 0 0;}
.popCon-treaty{text-align: center;}
.selectionRo{ text-align: center; padding-top: 5px; padding-bottom:10px; font-size: 12px; color: #666;}
.selectionRo input{ display:none;}
.selectionRo input + label span{ color: #006eff; }
.selectionRo input + label::before{ content: ""; display: inline-block; width: 14px; height: 14px; border: 1px solid #d9d9d9; border-radius: 16px;
 vertical-align: middle; margin-right: 5px; margin-top: -3px;}
.selectionRo input:checked +  label::before{content: ""; display: inline-block; width: 16px; height: 16px; border: none;
 background: url(../images/icon-tick1.png) no-repeat; background-size: 100% 100%; }
.selectionRo label a{ color: #006eff;}
.writebox2{ margin-left: 20px; margin-right: 20px;}
.writebox2-tp{ padding-bottom: 12px;}
.writebox2-bd{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-conetnt:space-between}
.writebox2-bd input{ width:2.7rem; height: 2.7rem; border: 1px solid #e6e6e6; border-radius: 5px; text-align: center; font-size: 16px;}
.fooTx{ padding-top: 15px; padding-bottom:5px; line-height: 25px; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items:center;
 justify-content: space-between; -webkit-justify-content:space-between; margin-left: 20px; margin-right: 20px;}
.fooTx-lt{ font-size: 12px;}
.fooTx-rt{}
.fooTx-rt a{ display: block; width:90px; height: 25px; background: linear-gradient(to right,#37aaf3,#016fff); border-radius: 26px;
 color: #fff; font-size: 12px; color: #fff;text-align: center; white-space: nowrap;}
.fooTx-rt a.setGrayb{ background: linear-gradient(to right,#b3b3b3,#b3b3b3);}
.payOptions{ margin-left: 8px; margin-right: 8px; padding-top: 5px;}
.payOptions-bd{ display: flex; display: -webkit-flex;margin-bottom: 18px;}
.payOptions-bd-lt{ flex: 1; display: flex; display: -webkit-flex; align-items: center; -webit-align-items:center; font-size: 12px; }
.payOptions-bd-lt img{ width: 20px;margin-right: 8px;}
.payOptons-bd-rt{  width: 16px; height: 16px; margin: auto; background-color: #fff; border: 1px solid #ccc; border-radius: 16px; margin-right: 8px;}
.payOptions-active .payOptons-bd-rt{ width: 18px; height: 18px; border: none;  background: url(../images/icon-tick1.png) no-repeat; background-size: 100% 100%;}
.iconArro{ width: 12px; margin-left: 6px; }
.info-li-sp small{ display: block; font-size: 11px; color: #999;}
.txstyle{ text-align: center; font-size: 13px; color: #222;margin-top: 18px; margin-bottom: 18px;}
.payDate{ margin: 0 3.47%; background-color: #fff; border-radius: 10px; padding: 12px 0; box-sizing: border-box;}
.payDate-tp{ margin-top: 5px; text-align: center; color: #999; font-size: 13px;}
.payDate-tx{ text-align: center;  font-size: 23px;margin-top: 12px; margin-bottom: 20px;}
.payDate-tx span{ font-size: 34px; font-weight: bold;}
.payDate-bd{  display: flex; display: -webkit-flex;justify-content: center; -webkit-justify-content:center; align-items:  center; -webit-align-items:center;
 margin-bottom: 22px;}
.countDown{ display: flex; display: -webkit-flex;justify-content: center; -webkit-justify-content:center; align-items: flex-end; -webkit-align-items:flex-end; }
.payDate-bd-tp{ font-size: 13px; margin-right: 5px;}
.countDown p{ width: 24px; height: 20px; text-align: center; line-height: 20px; background-color: #353535; color: #fff; font-size: 14px;
 border-radius: 3px; margin-left: 3px; margin-right: 3px;}
.btn-green{ display: block; height: 45px;background-color: #28c445; border-radius: 26px; text-align: center; line-height: 45px;
 font-size: 15px; color: #fff; margin-bottom:5px; margin-left: 12px; margin-right: 12px; }
.btn-green img{ width: 22px; vertical-align: middle; margin-top: -3px; margin-right: 5px;}
.boxfloor{  margin: 0 3.47%; background-color: #fff; border-radius: 10px; margin-top: 10px; margin-bottom: 12px; }
.boxfloor-tp{ height: 48px; line-height: 48px; border-bottom: 1px solid #ebebeb; padding-left: 12px; font-size: 16px;}
.boxfloor-bd{ margin-left: 12px; margin-right: 12px;}
.boxfloor-bd li{ height: 48px; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content:space-between; align-items: center; -webkit-align-items:center;}
.boxfloor-bd p:first-child{ font-size: 14px;color: #666;}
.boxfloor-bd li:not(:last-child){ border-bottom: 1px solid #e5e5e5; }
.gap2{ margin-left: 12px; margin-right: 12px;}
.btngroups3{ display: flex; display: -webkit-flex; justify-content: center; -webkit-align-items:center; margin-top: 14px;margin-bottom: 5px; }
.btngroups3 a{ width: 36%; height: 40px; margin-left: 2%; margin-right: 2%; text-align: center; line-height: 40px; background:linear-gradient(to right,#e6e6e6,#e6e6e6);
 border-radius: 26px; font-size: 15px; color: #333;}
.btngroups3 a.bluebg{ background: linear-gradient(to right,#0a8fff,#016cff); color: #fff;}
.tabNav{  display: flex; display: -webkit-flex; border-bottom: 1px solid #d9d9d9; padding-top: 18px; padding-bottom: 10px;}
.tabNav p{ width: 50%; text-align: center;}
.tabNav p a{ display: inline-block; font-size: 16px; color: #333; position: relative; font-weight: bold;}
.tabNav p.active a{ color: #006eff; font-size: 18px;}
.tabNav p.active a::after{ content: ""; display: block; position: absolute; left: 0; right: 0; bottom: -12px; width: 50%; height: 3px; margin: 0 auto; background-color: #006eff;
 border-radius: 5px;}
.footerBtns{ height: 55px;  margin-top: 12px;}
.footerBtns-bd{ height: 55px; position: fixed; left: 0;  right: 0; bottom: 0;display: block; background: linear-gradient(to right,#0a90ff,#006aff);
 color: #fff; display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction:column; justify-content: center; -webkit-justify-content:center; align-items: center; -webkit-align-items:center; line-height: 1.4;}
.footerBtns-bd p{ font-size: 20px;}
.payDate-succe{ margin-top: 5px; margin-bottom: 38px;}
.payDate-succe-tp{ text-align: center; }
.payDate-succe-tp img{ width:42% ;    max-width: 82px; }
.payDate-succe-ft{ font-size: 18px; text-align: center;}
.pototop img{ display: block; width: 100%;}
.inputBox{ background-color: #f7f7f9; border: 1px solid #e6e6e6; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items:center;
 padding-left: 13px; padding-right: 13px; border-radius: 26px; padding-top: 2px; padding-bottom: 2px; margin-left: 15px; margin-right: 15px; margin-bottom: 14px;}
.inputBox-lt{ }
.inputBox-bd{ position: relative;display: flex; display: -webkit-flex; align-items: center; -webkit-align-items:center;}
.linksTx-ft{ position: absolute;top: 24px; left: -6px; right: 0; background-color: #fff; padding-top: 5px; padding-bottom: 5px; border: 1px solid #eee; border-radius: 5px;}
.linksTx-ft a{ display: block; color: #333; height: 36px; line-height: 36px; padding-left: 8px;}
.linksTx-ft a:not(:last-child){ border-bottom: 1px solid #eee;}
.inputBox-lt{ width: 12px;margin-right: 5px;}
.inputBox-lt img { display: block; width: 100%;}
.linksTx-tp{ color: #157aff; font-size: 15px;}
.inputBox-bd-rt{ margin-left: 5px;}
.inputBox-bd-rt img{ width: 10px; display: block;}
.inputBox-rt{ flex: 1; margin-left: 10px;}
.inputBox-rt input{ width: 100%; height: 40px; line-height: 40px; border: none; background-color: transparent;}
.potoAdv{ margin-left: 3.25%; margin-right: 3.25%; background-color: #fff; border-radius: 10px; margin-top: 10px;
 padding: 13px; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items:center; box-sizing: border-box; color: #333;}
.potoAdv-lt{ width: 15%;max-width:82px; }
.potoAdv-lt img{display: block; width: 100%;}
.potoAdv-bd{ flex: 1;overflow: hidden; margin-left: 10px; margin-right: 10px;}
.potoAdv-bd-tx{ display: inline-block; width: 100%;   overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis; color: #666; font-size: 12px;}
.potoAdv-rt{  width:70px; }
.potoAdv-rt span{ display: block; text-align: center;height: 34px;line-height: 34px;color: #fff;   background: linear-gradient(to right,#37aaf3,#0872ff); border-radius: 26px;
 font-size: 15px; box-shadow: 0 2px 6px rgba(33, 132, 255, 0.3);}
.downFloor{ display: flex; display: -webkit-flex; margin-left: 3.25%; margin-right: 3.25%; background: #fff; border-radius: 10px;margin-top: 10px; padding-top: 13px; padding-bottom: 13px;}
.downFloor-bd{ width: 25%;}
.downFloor-bd-tp{ width: 55%;max-width:82px; margin: 0 auto;}
.downFloor-bd-tp img{ display: block; width: 100%;}
.downFloor-bd-btn{ display: block; width:50%;height: 22px; margin: 0 auto; background: linear-gradient(to right,#37aaf3,#0771ff);
 font-size: 12px; color: #fff; text-align: center; line-height: 22px; border-radius: 26px;}
.downFloor-bd-tx{font-size: 12px; text-align: center; margin-top: 5px; margin-bottom: 5px;}




.alink{ text-align: center; padding-bottom: 17px;}
.alink a{ display: inline-block; color: #157aff;}
.alink a img{ width: 14px; vertical-align: middle; margin-top: -2px;}

/* 2022.1.14新增 */
.newBtmPoint{flex: 1;font-size: 13px;padding: 0 25px;}
.myPoint{font-size: 16px;}
.needPoint{font-size: 19px;}
.redColor{color: #ff2657;}
.gray{background: #a6a6a6;color: #fff;}
.newPut img{transform: rotateX(180deg);}
.toast{position: absolute;left: 10%;right: 10%;top: 50%;transform: translateY(-50%);background: rgba(0,0,0,.5);text-align: center;line-height: 20px;padding: 15px;border-radius: 7px;font-size: 13px;color: #fff;}
.agreeBtnSp{font-size: 12px;}
.newTpNavBox{height: 44px;}
.newTpNavAddr{position: fixed;z-index: 5;left: 0;right: 0;top: 0;}
.newTpNav{display: flex;display: -webkit-flex;border-bottom: 1px solid #d9d9d9;background: #fafafa;}
.newTpNav a{display: block;flex: 1;text-align: center;line-height: 43px;font-size: 16px;color: #333;font-weight: bold;position: relative;}
.newTpNav .active{color: #006eff;font-size: 18px;}
.newTpNav .active::after{content: "";width: 25px;height: 4px;background: #006eff;border-radius: 4px;position: absolute;left: 0;right: 0;bottom: 0;margin: 0 auto;}


.topNav{position: fixed; left: 0; right: 0; top: 0; z-index: 9; background-color: #fafafa; display: none;}
.topNav-bd{ display: flex; display: -webkit-flex; align-items: center; -webkit-align-items:center;  }
.topNav-bd a{  color: #333; font-size: 15px; width: 33.333%; height: 42px; text-align: center; line-height: 42px; }
.topNav-bd a span{ display: inline-block; font-weight: bold; position: relative; }
.topNav-bd a span::after{ content: ""; display: block; position: absolute; left: 0; right: 0; bottom:6px; width: 56%; height: 3px;
 background:#fafafa; margin: 0 auto;   border-radius: 5px;  }
.topNav-bd a.active span::after{  background-color: #157aff}
.topNav-bd a.active{ color: #157aff;}



.pop4{position: fixed;z-index: 99;left: 0;right: 0;bottom: 0;top: 0;background: rgba(0,0,0,.6);}
.popCon4{position: absolute;left: 11.33%;right: 11.33%;top: 50%;transform: translateY(-50%);background: #fff;border-radius: 7px;}

.optList{padding: 18px 11px 3px;}
.opt{margin-bottom: 8px;}
.opt input{display: none;}
.opt label{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;padding: 13px 15px 13px 20px;}
.opt-tx{flex: 1;font-size: 16px;margin-right: 5px;}
.opt-tx span{color: #666;font-size: 15px;}
.price4{font-size: 17px;color: #ff2657;}
.opt label::after{content: "";display: block;width: 18px;height: 18px;border-radius: 50%;box-sizing: border-box;border: 1px solid #e6e6e6;margin: -2px 0 0 10px;}
.opt input:checked + label{background: #fafafa;}
.opt input:checked + label::after{background: url(../images/icon-selected2.png) no-repeat;background-size: 100% 100%;}
.chk{margin: 2px 5px 17px;}
.chk input{display: none;}
.chk label{font-size: 12px;color: #666;display: block;text-align: center;}
.chk label a{color: #006eff;}
.chk label::before{content: "";display: inline-block;width: 14px;height: 14px;border-radius: 50%;box-sizing: border-box;border: 1px solid #e6e6e6;vertical-align: middle;margin: -2px 6px 0 0;}
.chk input:checked + label::before{background: url(../images/icon-selected2.png) no-repeat;background-size: 100% 100%;border: none;}
.popCon-btns1{display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;margin: 0 20px 20px;}
.popCon-btns1 a{display: block;width: 48%;height: 38px;line-height: 38px;border-radius: 38px;background: linear-gradient(to right,#38abf3,#006eff);font-size: 18px;color: #fff;text-align: center;box-sizing: border-box;}
.popCon-btns1 .popCon-btns-sp{line-height: 36px;border: 1px solid #88bbff;color: #006eff;background: #fff;}
.close1{position: absolute;left: 0;right: 0;bottom: -45px;width: 30px;margin: 0 auto;}
.close1 img{display: block;}