Skip to content

dev / pingan-life-index-pro

Go to a project
Toggle navigation
Toggle navigation pinning
ac8ba2f4 by joe
Options

Merge branch 'master' of http://120.27.44.69/dev/pingan-life-index-pro

2 parents 35b77d2b d12d09d0
Expand all
Inline Side-by-side
Showing 63 changed files with 328 additions and 291 deletions
1 .bis{background-repeat:no-repeat;background-size:100% 100%}.fj,.fl{display:flex}.fj{justify-content:space-between}.fcc{display:flex;justify-content:center;align-items:center}.bb,.form-item .ipt-wrap .ipt,.form-item .ipt-wrap .textarea,.notice{box-sizing:border-box}.fullp{width:100%;height:100%}.pointer{cursor:pointer}.text-l{text-align:left}.text-r{text-align:right}.bc,.text-c{text-align:center}@font-face{font-family:iconfont;src:url("data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAASEAAsAAAAACSAAAAQ3AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDSAqFGIQnATYCJAMYCw4ABCAFhG0HVBvZBxGVnNvIfhzYDV+BAe9wtJiGONTGYuHBZ/Oh77Q3OxupItOeFFTcQjpRXwK+AIbn08ne766XppsiwRKPksQTj7AO4xAOv3fOAdsJc0KNZO3Io89Lf8K9BkY+ce+4df4Dms+yXMacNNbEAOOAAtrbF1mBxAlqy/Dq8uqwrgMBiPGAD4g6dbgGQhSseQRAKstK8iFMmFAVBMHSdsFWFpkNHhYzhbkEYJb3efIGQUQIDCaFtXQ0l1KEhOfKV+G019Ary7GgbzgHAGEXUIAPABZIZ6GrGTSI+oBia7/A4gVAioWBeq58vvHlkJeNr8INBhIyy0dwwV8esJg4MBAgfGCVlKUNj/HguZIawGrqjZgLPHg5xACK1Y2YCwy8Cpdclo4/YIMIcBLANZh9YGkIPHta2NorTKxUSlUNV7Koz2zswo0mRfNNRs9fbFq8YJr5uEXLWo7cEd+6pbl9W3v3rj4g7tzRpU+7HauR0YbmJ2+dalLELZy6ude0uGh+75Zp5iXFCxZMW2Q+0IQOKsa7SMJIKH18h3y9hWY+mN4tEtW0bYT2memWpk1db7L81tQ7dgs3isUbt1rrl0kU0yy1Sza7ZCw0m4lCIzFMF2ww15+Qp1u43sRk/hJT7YJN5uaLluolPZSTvq1m4vmbgR7veM116OjBGp2K21oMbkRGnvqglnCLVharuAM6gl+toTNYPZs5doyZDXyHbx/RSvZMt6tNtx7RlzkWlcysWQySV2I+Pio008Np8mQvL/j0CEVLLIItloiEIPIFnCBDN7ZpC6n3i/erE0uXICT/t+269rVrjx4de+wrwynfjo1BaN/tXQmzJ3wIF9krghUHqN1eFB4fMvuCROrnvVwdkUeWLff2k70IiO8fs2yOabXpHHdlvX+A5rmK6dx4piXlbHunib+iNeVM+UnXFvWZjR2uleVF/jsbK12wo8OWDpY+TRH0jP8syLs0WIlOAIDhFHOP+gIA1TF3kCOBOcbaj9FjgYCJ97CEFvwt35GfKZ2Yq4j5JiGUsAC+Juu7saSZavDK1Wgs/jeaagB/Q0WUsuYutTOdIKDlmTLhATa03MskN0+G0t1vcjyETCMMArY4CLmQiuaDSSIETSgem7dBu0/G6o2REgGeJiAQSrvAkDsKSukyiaU9Bo+Zd+BTZgwxXdZHSrjFro4ZoqKlgj+VSe4UsdaVX3iDfgeR41KP8UIuNkCBfgHpxBUd8hArGj760FgVcZkjpaLbEAJTbWYHWTeltfaNvz9X9KJNIcfBSrIMhApapMAfKSOxjnJ6V6vM+29AewuEXNFR432BrLCDk0B+AhqQrqquUceljG7woR00qhQ7i5OxiKRiBwSIMlJbPMkBqdoo7RDuNfyZblxT1WZ6TbzLfbBZ53QYQglLeIRPBBB9hPTHH9oLMhQ5r5ipDFwwMRwxRezrfzAAAA==") format("woff2")}.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.iconrefresh:before{content:"\E874"}.iconempty:before{content:"\E6A6"}.iconclose:before{content:"\E849"}input{padding:0 2.08333rem}.content{padding-bottom:6rem}.top-space{height:4.25rem}.form{display:flex;justify-content:space-between;flex-wrap:wrap}.form-item{position:relative;padding:0 1.75rem;margin-bottom:2.5rem}.form-item .label{color:#f05a23;display:flex;align-items:center;margin-bottom:.7rem}.form-item .label img{height:1rem;margin-right:.8rem}.form-item .ipt-wrap{position:relative}.form-item .ipt-wrap .ipt{width:100%;height:3.5rem;border:1px solid #dcdddd;background-color:#fff;border-radius:3.5rem;padding:0 2.08333rem}.form-item .ipt-wrap .textarea{min-height:8.75rem;border-radius:1rem;padding:.75rem}.form-item .ipt-wrap .down-arrow{position:absolute;top:1.6rem;right:2rem}.form-item2{display:flex}.form-item2 .label{min-width:13.75rem;height:2.5rem}.form-item2 .cont{display:flex}.form-item2 .cont .boo-btn{width:5.25rem;height:2.5rem;line-height:2.5rem;border:1px solid #dcdddd;background-color:#fff;border-radius:2.5rem;text-align:center;margin:0 .6rem}.form-item2 .cont .active{border:none;color:#fff;background-color:#f05a23;box-shadow:0 10px 13px 0 rgba(236,100,41,.2);background-blend-mode:soft-light;background-image:linear-gradient(180deg,#f05f28,#f05021)}.form-item3{display:flex;align-items:flex-start;flex-wrap:wrap}.form-item3 .label{min-width:13.75rem}.form-item3 .cont .calendar img{max-width:96%}.notice{margin-top:4rem;padding:0 1rem}.notice-item{position:relative;line-height:2;letter-spacing:1.2px;margin-bottom:1rem}.notice-item-icon{position:absolute;top:.5rem}
...\ No newline at end of file ...\ No newline at end of file
1 .bis[data-v-232c90b4]{background-repeat:no-repeat;background-size:100% 100%}.fl[data-v-232c90b4]{display:flex}.fj[data-v-232c90b4]{display:flex;justify-content:space-between}.fcc[data-v-232c90b4]{display:flex;justify-content:center;align-items:center}.bb[data-v-232c90b4],.form-item .ipt-wrap .ipt[data-v-232c90b4],.form-item .ipt-wrap .textarea[data-v-232c90b4],.notice[data-v-232c90b4]{box-sizing:border-box}.fullp[data-v-232c90b4]{width:100%;height:100%}.pointer[data-v-232c90b4]{cursor:pointer}.text-l[data-v-232c90b4]{text-align:left}.text-r[data-v-232c90b4]{text-align:right}.bc[data-v-232c90b4],.text-c[data-v-232c90b4]{text-align:center}@font-face{font-family:iconfont;src:url("data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAASEAAsAAAAACSAAAAQ3AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDSAqFGIQnATYCJAMYCw4ABCAFhG0HVBvZBxGVnNvIfhzYDV+BAe9wtJiGONTGYuHBZ/Oh77Q3OxupItOeFFTcQjpRXwK+AIbn08ne766XppsiwRKPksQTj7AO4xAOv3fOAdsJc0KNZO3Io89Lf8K9BkY+ce+4df4Dms+yXMacNNbEAOOAAtrbF1mBxAlqy/Dq8uqwrgMBiPGAD4g6dbgGQhSseQRAKstK8iFMmFAVBMHSdsFWFpkNHhYzhbkEYJb3efIGQUQIDCaFtXQ0l1KEhOfKV+G019Ary7GgbzgHAGEXUIAPABZIZ6GrGTSI+oBia7/A4gVAioWBeq58vvHlkJeNr8INBhIyy0dwwV8esJg4MBAgfGCVlKUNj/HguZIawGrqjZgLPHg5xACK1Y2YCwy8Cpdclo4/YIMIcBLANZh9YGkIPHta2NorTKxUSlUNV7Koz2zswo0mRfNNRs9fbFq8YJr5uEXLWo7cEd+6pbl9W3v3rj4g7tzRpU+7HauR0YbmJ2+dalLELZy6ude0uGh+75Zp5iXFCxZMW2Q+0IQOKsa7SMJIKH18h3y9hWY+mN4tEtW0bYT2memWpk1db7L81tQ7dgs3isUbt1rrl0kU0yy1Sza7ZCw0m4lCIzFMF2ww15+Qp1u43sRk/hJT7YJN5uaLluolPZSTvq1m4vmbgR7veM116OjBGp2K21oMbkRGnvqglnCLVharuAM6gl+toTNYPZs5doyZDXyHbx/RSvZMt6tNtx7RlzkWlcysWQySV2I+Pio008Np8mQvL/j0CEVLLIItloiEIPIFnCBDN7ZpC6n3i/erE0uXICT/t+269rVrjx4de+wrwynfjo1BaN/tXQmzJ3wIF9krghUHqN1eFB4fMvuCROrnvVwdkUeWLff2k70IiO8fs2yOabXpHHdlvX+A5rmK6dx4piXlbHunib+iNeVM+UnXFvWZjR2uleVF/jsbK12wo8OWDpY+TRH0jP8syLs0WIlOAIDhFHOP+gIA1TF3kCOBOcbaj9FjgYCJ97CEFvwt35GfKZ2Yq4j5JiGUsAC+Juu7saSZavDK1Wgs/jeaagB/Q0WUsuYutTOdIKDlmTLhATa03MskN0+G0t1vcjyETCMMArY4CLmQiuaDSSIETSgem7dBu0/G6o2REgGeJiAQSrvAkDsKSukyiaU9Bo+Zd+BTZgwxXdZHSrjFro4ZoqKlgj+VSe4UsdaVX3iDfgeR41KP8UIuNkCBfgHpxBUd8hArGj760FgVcZkjpaLbEAJTbWYHWTeltfaNvz9X9KJNIcfBSrIMhApapMAfKSOxjnJ6V6vM+29AewuEXNFR432BrLCDk0B+AhqQrqquUceljG7woR00qhQ7i5OxiKRiBwSIMlJbPMkBqdoo7RDuNfyZblxT1WZ6TbzLfbBZ53QYQglLeIRPBBB9hPTHH9oLMhQ5r5ipDFwwMRwxRezrfzAAAA==") format("woff2")}.iconfont[data-v-232c90b4]{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.iconrefresh[data-v-232c90b4]:before{content:"\E874"}.iconempty[data-v-232c90b4]:before{content:"\E6A6"}.iconclose[data-v-232c90b4]:before{content:"\E849"}input[data-v-232c90b4]{padding:0 2.083333rem}.content[data-v-232c90b4]{padding-bottom:6rem}.top-space[data-v-232c90b4]{height:4.25rem}.form[data-v-232c90b4]{display:flex;justify-content:space-between;flex-wrap:wrap}.form-item[data-v-232c90b4]{position:relative;padding:0 1.75rem;margin-bottom:2.5rem}.form-item .label[data-v-232c90b4]{color:#f05a23;display:flex;align-items:center;margin-bottom:.7rem}.form-item .label img[data-v-232c90b4]{height:1rem;margin-right:.8rem}.form-item .ipt-wrap[data-v-232c90b4]{position:relative}.form-item .ipt-wrap .ipt[data-v-232c90b4]{width:100%;height:3.5rem;border:1px solid #dcdddd;background-color:#fff;border-radius:3.5rem;padding:0 2.083333rem}.form-item .ipt-wrap .textarea[data-v-232c90b4]{min-height:8.75rem;border-radius:1rem;padding:.75rem}.form-item .ipt-wrap .down-arrow[data-v-232c90b4]{position:absolute;top:1.6rem;right:2rem}.form-item2[data-v-232c90b4]{display:flex}.form-item2 .label[data-v-232c90b4]{min-width:13.75rem;height:2.5rem}.form-item2 .cont[data-v-232c90b4]{display:flex}.form-item2 .cont .boo-btn[data-v-232c90b4]{width:5.25rem;height:2.5rem;line-height:2.5rem;border:1px solid #dcdddd;background-color:#fff;border-radius:2.5rem;text-align:center;margin:0 .6rem}.form-item2 .cont .active[data-v-232c90b4]{border:none;color:#fff;background-color:#f05a23;box-shadow:0 10px 13px 0 rgba(236,100,41,.2);background-blend-mode:soft-light;background-image:linear-gradient(180deg,#f05f28,#f05021)}.form-item3[data-v-232c90b4]{display:flex;align-items:flex-start;flex-wrap:wrap}.form-item3 .label[data-v-232c90b4]{min-width:13.75rem}.form-item3 .cont .calendar img[data-v-232c90b4]{max-width:96%}.notice[data-v-232c90b4]{margin-top:4rem;padding:0 1rem}.notice-item[data-v-232c90b4]{position:relative;line-height:2;letter-spacing:1.2px;margin-bottom:1rem}.notice-item-icon[data-v-232c90b4]{position:absolute;top:.5rem}
...\ No newline at end of file ...\ No newline at end of file
1 .bis{background-repeat:no-repeat;background-size:100% 100%}.fj,.fl{display:flex}.fj{justify-content:space-between}.fcc{display:flex;justify-content:center;align-items:center}.bb,.form-item .ipt-wrap .ipt,.form-item .ipt-wrap .textarea,.notice{box-sizing:border-box}.fullp{width:100%;height:100%}.pointer{cursor:pointer}.text-l{text-align:left}.text-r{text-align:right}.bc,.text-c{text-align:center}@font-face{font-family:iconfont;src:url("data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAASEAAsAAAAACSAAAAQ3AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDSAqFGIQnATYCJAMYCw4ABCAFhG0HVBvZBxGVnNvIfhzYDV+BAe9wtJiGONTGYuHBZ/Oh77Q3OxupItOeFFTcQjpRXwK+AIbn08ne766XppsiwRKPksQTj7AO4xAOv3fOAdsJc0KNZO3Io89Lf8K9BkY+ce+4df4Dms+yXMacNNbEAOOAAtrbF1mBxAlqy/Dq8uqwrgMBiPGAD4g6dbgGQhSseQRAKstK8iFMmFAVBMHSdsFWFpkNHhYzhbkEYJb3efIGQUQIDCaFtXQ0l1KEhOfKV+G019Ary7GgbzgHAGEXUIAPABZIZ6GrGTSI+oBia7/A4gVAioWBeq58vvHlkJeNr8INBhIyy0dwwV8esJg4MBAgfGCVlKUNj/HguZIawGrqjZgLPHg5xACK1Y2YCwy8Cpdclo4/YIMIcBLANZh9YGkIPHta2NorTKxUSlUNV7Koz2zswo0mRfNNRs9fbFq8YJr5uEXLWo7cEd+6pbl9W3v3rj4g7tzRpU+7HauR0YbmJ2+dalLELZy6ude0uGh+75Zp5iXFCxZMW2Q+0IQOKsa7SMJIKH18h3y9hWY+mN4tEtW0bYT2memWpk1db7L81tQ7dgs3isUbt1rrl0kU0yy1Sza7ZCw0m4lCIzFMF2ww15+Qp1u43sRk/hJT7YJN5uaLluolPZSTvq1m4vmbgR7veM116OjBGp2K21oMbkRGnvqglnCLVharuAM6gl+toTNYPZs5doyZDXyHbx/RSvZMt6tNtx7RlzkWlcysWQySV2I+Pio008Np8mQvL/j0CEVLLIItloiEIPIFnCBDN7ZpC6n3i/erE0uXICT/t+269rVrjx4de+wrwynfjo1BaN/tXQmzJ3wIF9krghUHqN1eFB4fMvuCROrnvVwdkUeWLff2k70IiO8fs2yOabXpHHdlvX+A5rmK6dx4piXlbHunib+iNeVM+UnXFvWZjR2uleVF/jsbK12wo8OWDpY+TRH0jP8syLs0WIlOAIDhFHOP+gIA1TF3kCOBOcbaj9FjgYCJ97CEFvwt35GfKZ2Yq4j5JiGUsAC+Juu7saSZavDK1Wgs/jeaagB/Q0WUsuYutTOdIKDlmTLhATa03MskN0+G0t1vcjyETCMMArY4CLmQiuaDSSIETSgem7dBu0/G6o2REgGeJiAQSrvAkDsKSukyiaU9Bo+Zd+BTZgwxXdZHSrjFro4ZoqKlgj+VSe4UsdaVX3iDfgeR41KP8UIuNkCBfgHpxBUd8hArGj760FgVcZkjpaLbEAJTbWYHWTeltfaNvz9X9KJNIcfBSrIMhApapMAfKSOxjnJ6V6vM+29AewuEXNFR432BrLCDk0B+AhqQrqquUceljG7woR00qhQ7i5OxiKRiBwSIMlJbPMkBqdoo7RDuNfyZblxT1WZ6TbzLfbBZ53QYQglLeIRPBBB9hPTHH9oLMhQ5r5ipDFwwMRwxRezrfzAAAA==") format("woff2")}.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.iconrefresh:before{content:"\E874"}.iconempty:before{content:"\E6A6"}.iconclose:before{content:"\E849"}input{padding:0 2.08333rem}.content{padding-bottom:6rem}.top-space{height:4.25rem}.form{display:flex;justify-content:space-between;flex-wrap:wrap}.form-item{position:relative;padding:0 1.75rem;margin-bottom:2.5rem}.form-item .label{color:#f05a23;display:flex;align-items:center;margin-bottom:.7rem}.form-item .label img{height:1rem;margin-right:.8rem}.form-item .ipt-wrap{position:relative}.form-item .ipt-wrap .ipt{width:100%;height:3.5rem;border:1px solid #dcdddd;background-color:#fff;border-radius:3.5rem;padding:0 2.08333rem}.form-item .ipt-wrap .textarea{min-height:8.75rem;border-radius:1rem;padding:.75rem}.form-item .ipt-wrap .down-arrow{position:absolute;top:1.6rem;right:2rem}.form-item2{display:flex}.form-item2 .label{min-width:13.75rem;height:2.5rem}.form-item2 .cont{display:flex}.form-item2 .cont .boo-btn{width:5.25rem;height:2.5rem;line-height:2.5rem;border:1px solid #dcdddd;background-color:#fff;border-radius:2.5rem;text-align:center;margin:0 .6rem}.form-item2 .cont .active{border:none;color:#fff;background-color:#f05a23;box-shadow:0 10px 13px 0 rgba(236,100,41,.2);background-blend-mode:soft-light;background-image:linear-gradient(180deg,#f05f28,#f05021)}.form-item3{display:flex;align-items:flex-start;flex-wrap:wrap}.form-item3 .label{min-width:13.75rem}.form-item3 .cont .calendar img{max-width:96%}.notice{margin-top:4rem;padding:0 1rem}.notice-item{position:relative;line-height:2;letter-spacing:1.2px;margin-bottom:1rem}.notice-item-icon{position:absolute;top:.5rem}
...\ No newline at end of file ...\ No newline at end of file
1 .bis[data-v-232c90b4]{background-repeat:no-repeat;background-size:100% 100%}.fl[data-v-232c90b4]{display:flex}.fj[data-v-232c90b4]{display:flex;justify-content:space-between}.fcc[data-v-232c90b4]{display:flex;justify-content:center;align-items:center}.bb[data-v-232c90b4],.form-item .ipt-wrap .ipt[data-v-232c90b4],.form-item .ipt-wrap .textarea[data-v-232c90b4],.notice[data-v-232c90b4]{box-sizing:border-box}.fullp[data-v-232c90b4]{width:100%;height:100%}.pointer[data-v-232c90b4]{cursor:pointer}.text-l[data-v-232c90b4]{text-align:left}.text-r[data-v-232c90b4]{text-align:right}.bc[data-v-232c90b4],.text-c[data-v-232c90b4]{text-align:center}@font-face{font-family:iconfont;src:url("data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAASEAAsAAAAACSAAAAQ3AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDSAqFGIQnATYCJAMYCw4ABCAFhG0HVBvZBxGVnNvIfhzYDV+BAe9wtJiGONTGYuHBZ/Oh77Q3OxupItOeFFTcQjpRXwK+AIbn08ne766XppsiwRKPksQTj7AO4xAOv3fOAdsJc0KNZO3Io89Lf8K9BkY+ce+4df4Dms+yXMacNNbEAOOAAtrbF1mBxAlqy/Dq8uqwrgMBiPGAD4g6dbgGQhSseQRAKstK8iFMmFAVBMHSdsFWFpkNHhYzhbkEYJb3efIGQUQIDCaFtXQ0l1KEhOfKV+G019Ary7GgbzgHAGEXUIAPABZIZ6GrGTSI+oBia7/A4gVAioWBeq58vvHlkJeNr8INBhIyy0dwwV8esJg4MBAgfGCVlKUNj/HguZIawGrqjZgLPHg5xACK1Y2YCwy8Cpdclo4/YIMIcBLANZh9YGkIPHta2NorTKxUSlUNV7Koz2zswo0mRfNNRs9fbFq8YJr5uEXLWo7cEd+6pbl9W3v3rj4g7tzRpU+7HauR0YbmJ2+dalLELZy6ude0uGh+75Zp5iXFCxZMW2Q+0IQOKsa7SMJIKH18h3y9hWY+mN4tEtW0bYT2memWpk1db7L81tQ7dgs3isUbt1rrl0kU0yy1Sza7ZCw0m4lCIzFMF2ww15+Qp1u43sRk/hJT7YJN5uaLluolPZSTvq1m4vmbgR7veM116OjBGp2K21oMbkRGnvqglnCLVharuAM6gl+toTNYPZs5doyZDXyHbx/RSvZMt6tNtx7RlzkWlcysWQySV2I+Pio008Np8mQvL/j0CEVLLIItloiEIPIFnCBDN7ZpC6n3i/erE0uXICT/t+269rVrjx4de+wrwynfjo1BaN/tXQmzJ3wIF9krghUHqN1eFB4fMvuCROrnvVwdkUeWLff2k70IiO8fs2yOabXpHHdlvX+A5rmK6dx4piXlbHunib+iNeVM+UnXFvWZjR2uleVF/jsbK12wo8OWDpY+TRH0jP8syLs0WIlOAIDhFHOP+gIA1TF3kCOBOcbaj9FjgYCJ97CEFvwt35GfKZ2Yq4j5JiGUsAC+Juu7saSZavDK1Wgs/jeaagB/Q0WUsuYutTOdIKDlmTLhATa03MskN0+G0t1vcjyETCMMArY4CLmQiuaDSSIETSgem7dBu0/G6o2REgGeJiAQSrvAkDsKSukyiaU9Bo+Zd+BTZgwxXdZHSrjFro4ZoqKlgj+VSe4UsdaVX3iDfgeR41KP8UIuNkCBfgHpxBUd8hArGj760FgVcZkjpaLbEAJTbWYHWTeltfaNvz9X9KJNIcfBSrIMhApapMAfKSOxjnJ6V6vM+29AewuEXNFR432BrLCDk0B+AhqQrqquUceljG7woR00qhQ7i5OxiKRiBwSIMlJbPMkBqdoo7RDuNfyZblxT1WZ6TbzLfbBZ53QYQglLeIRPBBB9hPTHH9oLMhQ5r5ipDFwwMRwxRezrfzAAAA==") format("woff2")}.iconfont[data-v-232c90b4]{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.iconrefresh[data-v-232c90b4]:before{content:"\E874"}.iconempty[data-v-232c90b4]:before{content:"\E6A6"}.iconclose[data-v-232c90b4]:before{content:"\E849"}input[data-v-232c90b4]{padding:0 2.083333rem}.content[data-v-232c90b4]{padding-bottom:6rem}.top-space[data-v-232c90b4]{height:4.25rem}.form[data-v-232c90b4]{display:flex;justify-content:space-between;flex-wrap:wrap}.form-item[data-v-232c90b4]{position:relative;padding:0 1.75rem;margin-bottom:2.5rem}.form-item .label[data-v-232c90b4]{color:#f05a23;display:flex;align-items:center;margin-bottom:.7rem}.form-item .label img[data-v-232c90b4]{height:1rem;margin-right:.8rem}.form-item .ipt-wrap[data-v-232c90b4]{position:relative}.form-item .ipt-wrap .ipt[data-v-232c90b4]{width:100%;height:3.5rem;border:1px solid #dcdddd;background-color:#fff;border-radius:3.5rem;padding:0 2.083333rem}.form-item .ipt-wrap .textarea[data-v-232c90b4]{min-height:8.75rem;border-radius:1rem;padding:.75rem}.form-item .ipt-wrap .down-arrow[data-v-232c90b4]{position:absolute;top:1.6rem;right:2rem}.form-item2[data-v-232c90b4]{display:flex}.form-item2 .label[data-v-232c90b4]{min-width:13.75rem;height:2.5rem}.form-item2 .cont[data-v-232c90b4]{display:flex}.form-item2 .cont .boo-btn[data-v-232c90b4]{width:5.25rem;height:2.5rem;line-height:2.5rem;border:1px solid #dcdddd;background-color:#fff;border-radius:2.5rem;text-align:center;margin:0 .6rem}.form-item2 .cont .active[data-v-232c90b4]{border:none;color:#fff;background-color:#f05a23;box-shadow:0 10px 13px 0 rgba(236,100,41,.2);background-blend-mode:soft-light;background-image:linear-gradient(180deg,#f05f28,#f05021)}.form-item3[data-v-232c90b4]{display:flex;align-items:flex-start;flex-wrap:wrap}.form-item3 .label[data-v-232c90b4]{min-width:13.75rem}.form-item3 .cont .calendar img[data-v-232c90b4]{max-width:96%}.notice[data-v-232c90b4]{margin-top:4rem;padding:0 1rem}.notice-item[data-v-232c90b4]{position:relative;line-height:2;letter-spacing:1.2px;margin-bottom:1rem}.notice-item-icon[data-v-232c90b4]{position:absolute;top:.5rem}
...\ No newline at end of file ...\ No newline at end of file
1 (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-80c59300"],{"0cbc":function(t,s){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAA30lEQVQokYXSsS5EQRjF8d/ejMIDCArbiEegWQXRrmhoNjTbIJGtNJReQSEKiYSsSCiEXrUe5CoQjRpB4UvuNSROMzPn++fky8k0XjqTQkPoYg2j4T3hBEd4hyIGYxhgCp046/cBxiFF8iX2cBMBCQ2U2MYiLjBfYAN3NRh2sVN7XweznrCKFT817Lf2cV7E/uUfQK4SI8W/WKaER0zgvuaf4SNjm3gucIpeNpzGTOZtoZ9wiFu0VU0d47MGt9HCXMIrlnEV5oGqhCY2sYAlvKUYPATcRd93c1RfYzaCfQEh1SxbDttaVwAAAABJRU5ErkJggg=="},"37d9":function(t,s,A){},5272:function(t,s){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAMCAYAAAC0qUeeAAAA6UlEQVQokW3RIUtDYRgF4Od+iDDYhgxBk4YFiwgmQU0m44oICxNkK4KC2T/gHzCYBbMWsQgmEdQiCMMmDASDDgXjZrjfhcv1nnjOeXkP5yTDdlPENI7QQgW/uMIxBhCicQl3eMMyZiP3jFvMQDJsN+u4RweP/qOOH4wD9nCWM1ZxkDN/Y5zFaOE0JzbQLfnQC6jhs0QsYjcgKZAjzOMQkzk+CTFTI0cOsIJV9KVNVDAKuCzJ2McWNvEhbep6AifSjm/wVDh6xYK0nfUsxjbOsY+paKyihwvs4Ctb8AVrmMMD3qXrLWJD3OAPEqYvE3qdTHEAAAAASUVORK5CYII="},"643e":function(t,s,A){"use strict";var i=A("37d9"),a=A.n(i);a.a},"7ba5":function(t,s){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAPCAYAAAA/I0V3AAABEklEQVQokXXSvyvGURTH8ZcnhQlZZJASBjEY/VgoLI8YGExMmAxS/AlKShkMlOTPQDYZZXgGQomyWRgkDM6X6/H1qdvpfs59n3vu6VY8TbdKVMAi5tGCW2xjE+/poVS7GME4qiKOhi8PGkI3xlAKr4Ri+IN50Di28Fp2+2v4E3lQA+7l6z7yf6Br9PwD9eAyD9rDgq+ppWrBHHYyozJJXmEZp9jABbqwFMXu8qBKNOIDM3hAU+ybI/+WtleLIwygH504idgX6zDOfUP70dakr4HAcMRrTOEMBxlURB1Wk1ar0YuaxFtBPYoFzGI9es/UHm9oS7wPrGG2EBWP/FZHWcx0jN4CHvFSlrzBuZ8/mOkZD584tTb0/hAllgAAAABJRU5ErkJggg=="},8101:function(t,s){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAA1klEQVQokZXPoUqDYRTG8d/3+YoGsW9N1mTaNchARe9AWLDYBgoWi8GbsGg3CQYxGIziBSwsegkyYVU0+DpeDjL9nvTwP+cP51TjfkfII/b/YgkbuMRKZst4C2LJXnGccI0DjPLgBZtBLNkqbmpUhQRb8fbARphPaOHql+VZaSW847ahuJswwVNDcVIHsIde7tvYyb2XZ9NEcR3d3NeK3s2zaVIQ7/CR+33BHzA3S7zw/fMA55kd4QxLOPxZrMb9zjCe8Y8Mayyi3UBqYyHhFM/4bCCffAH4hyNSHFS3egAAAABJRU5ErkJggg=="},a2c6:function(t,s,A){"use strict";A.r(s);var i=function(){var t=this,s=t.$createElement,i=t._self._c||s;return i("div",{staticClass:"content"},[i("div",{staticClass:"top-space"}),i("div",{staticClass:"box"},[i("div",{staticClass:"gird-g form"},[i("div",{staticClass:"pure-u-1 pure-u-md-1-2 form-item"},[i("div",{staticClass:"label"},[i("img",{attrs:{src:A("e82f")}}),t._v(" "+t._s(t.$t("reservation.name"))+"\n\t\t\t\t")]),i("div",{staticClass:"ipt-wrap"},[i("input",{staticClass:"ipt",attrs:{placeholder:t.$t("reservation.namePlaceholder"),type:"text"}})])]),i("div",{staticClass:"pure-u-1 pure-u-md-1-2 form-item"},[i("div",{staticClass:"label"},[i("img",{attrs:{src:A("a3eb")}}),t._v(t._s(t.$t("reservation.contactType"))+"\n\t\t\t\t")]),i("div",{staticClass:"ipt-wrap"},[i("img",{staticClass:"down-arrow",attrs:{src:A("e282"),alt:""}}),i("select",{staticClass:"ipt"},["zh"!=t.locale?i("option",[t._v("電話")]):i("option",[t._v("电话")])])])]),i("div",{staticClass:"pure-u-1 pure-u-md-1-2 form-item"},[i("div",{staticClass:"label"},[i("img",{attrs:{src:A("e82f")}}),t._v(t._s(t.$t("reservation.contact"))+"\n\t\t\t\t")]),i("div",{staticClass:"ipt-wrap"},[i("input",{staticClass:"ipt",attrs:{placeholder:t.$t("reservation.contactPlaceholder"),type:"text"}})])]),i("div",{staticClass:"pure-u-1 pure-u-md-1-2 form-item"},[i("div",{staticClass:"label"},[i("img",{attrs:{src:A("5272")}}),t._v(t._s(t.$t("reservation.reservationType"))+"\n\t\t\t\t")]),i("div",{staticClass:"ipt-wrap"},[i("img",{staticClass:"down-arrow",attrs:{src:A("e282"),alt:""}}),i("select",{staticClass:"ipt"},["zh"==t.locale?[i("option",[t._v("投保咨询")]),i("option",[t._v("代办保单变更")])]:[i("option",[t._v("投保咨詢")]),i("option",[t._v("代辦保單變更")])]],2)])]),i("div",{staticClass:"pure-u-1 form-item"},[i("div",{staticClass:"label"},[i("img",{attrs:{src:A("c132")}}),t._v(t._s(t.$t("reservation.reservationRemark"))+"\n\t\t\t\t")]),i("div",{staticClass:"ipt-wrap"},[i("textarea",{staticClass:"ipt textarea",attrs:{placeholder:t.$t("reservation.reservationRemarkPlaceholder")}})])]),i("div",{staticClass:"pure-u-1 form-item form-item2"},[i("div",{staticClass:"label"},[i("img",{attrs:{src:A("7ba5")}}),t._v(t._s(t.$t("reservation.hkClient"))+"\n\t\t\t\t")]),i("div",{staticClass:"cont"},[i("div",{staticClass:"boo-btn pointer active"},[t._v(t._s(t.$t("reservation.yes")))]),i("div",{staticClass:"boo-btn pointer"},[t._v(t._s(t.$t("reservation.no")))])])]),i("div",{staticClass:"pure-u-1 form-item form-item3"},[i("div",{staticClass:"label"},[i("img",{attrs:{src:A("8101")}}),t._v(t._s(t.$t("reservation.contactTime"))+"\n\t\t\t\t")]),t._m(0)])])]),i("div",{staticClass:"box notice"},[i("p",{staticClass:"notice-item"},[i("img",{staticClass:"notice-item-icon",attrs:{src:A("0cbc")}}),t._v("       "+t._s(t.$t("reservation.notice1"))+"\n\t\t")]),i("p",{staticClass:"notice-item"},[i("img",{staticClass:"notice-item-icon",attrs:{src:A("0cbc")}}),t._v("       "+t._s(t.$t("reservation.notice2"))+"\n\t\t")])])])},a=[function(){var t=this,s=t.$createElement,i=t._self._c||s;return i("div",{staticClass:"cont"},[i("div",{staticClass:"calendar"},[i("img",{attrs:{src:A("bf51")}})])])}],e=(A("4ec3"),A("ed0b"),{data:function(){return{key:"value"}},components:{},computed:{locale:function(){return this.$i18n.locale||"tc"},i18n:function(){return this.$i18n.messages&&this.$i18n.locale?this.$i18n.messages[this.$i18n.locale]:{}}},methods:{initData:function(){}},mounted:function(){},created:function(){}}),c=e,n=(A("643e"),A("6691")),r=Object(n["a"])(c,i,a,!1,null,null,null);s["default"]=r.exports},a3eb:function(t,s){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAOCAYAAADwikbvAAAAv0lEQVQokc3SMUoDQRSH8d/GTWwsDYtYppZcwEYLm80J9gZ7A62iZdAzCOnsbXKHiHfQTiSw9UZci50iCUEcSZGvmf8w8z0ej5dUxeAO1+j5OzUmKW5wis8IOcNbB91IET5w2ImU1tipfIs85AyP6Id7jvFv8iXOQj7GVThhiIvVz0lVDBok/+i62Z+BRZHiFTO8o8QJltrlucfBFu8IL6l2oiN84RvneNBu0TwU36TGc4oFpisPT2hCwTLkrfwA0ZohPRkIwwkAAAAASUVORK5CYII="},bf51:function(t,s,A){t.exports=A.p+"assets/img/re-calendar.png"},c132:function(t,s){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAA2ElEQVQokYXSv0qCYRTH8Y/i0BJ0B2E2OLSUQUGN3UJLXoDmFXQHLdEgQdAaDjkozl1ANdQiCDXkEgQhGhFIINbyvPD0knbgcP5++Z3hZN4PCiMMzbcFdFDL4QOFf4BdHEIuNJawOWO5HxcJUMT+DOAOT2ngNvi8k34BKymFMerRTg/nMTDGKAI+sYgzrCKLLh4S4BUXqTMu0cIAX8jjJBuGW7iOfA3LaGMHJVxhI1G4RyXk33gJEZ5xjG1MEmASBrE9oowGmqhimPnjNabYwxtOsR7UbnD0A5WAMvaPwQ7GAAAAAElFTkSuQmCC"},e282:function(t,s){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAICAYAAADN5B7xAAAAnklEQVQYlY2PPQoCQQyFv5E9gQdaG0VncG9iZWdtYWWneJCBSWHnNSxkwcLaUnRjsTPL4A/6QYok74U8M7WTGugDd8DQ0gMUeMRq4uxaADtgxX9sjKpSObsG5j/EWx9kZlQVgMrZPTD8Ij74IIP0a2IMnD+IL8AoNZ3BB2mAkjZgQoHSB7m9GaLplF8DnA9yzDVdhpzK2SVQ+CCL190TREgyBB3ltCcAAAAASUVORK5CYII="},e82f:function(t,s){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAMCAYAAAC0qUeeAAAA1UlEQVQokX3QIUtDURjG8d+dIihYBNMMwpCF+QEMNocYTLJ0FdGBX2FfwqhJtmIQxCFYbQOj1WAWBsKQgVH0GnwvHAbXf3kPD//DeZ+TTfOGYAE9HGEZn7jGOb6gFuIcHrCObdRjbmCILJU7KHCGSWQTdLGIg1RuYxAXUorId1P5RzVZeSjlEQ4rxGM8pvItlnCBlchWcRWv3qfyN06wj3eM8YS3KFfMFnyOMk2sxbzEC7ZgPsI+dvA6s/MHcn9/3c6meWOIu9i7ilPs1dAqC/zDDTZ/AdA9KrVTzbxKAAAAAElFTkSuQmCC"}}]);
...\ No newline at end of file ...\ No newline at end of file
1 (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-d6986d7c"],{"0cbc":function(t,s){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAA30lEQVQokYXSsS5EQRjF8d/ejMIDCArbiEegWQXRrmhoNjTbIJGtNJReQSEKiYSsSCiEXrUe5CoQjRpB4UvuNSROMzPn++fky8k0XjqTQkPoYg2j4T3hBEd4hyIGYxhgCp046/cBxiFF8iX2cBMBCQ2U2MYiLjBfYAN3NRh2sVN7XweznrCKFT817Lf2cV7E/uUfQK4SI8W/WKaER0zgvuaf4SNjm3gucIpeNpzGTOZtoZ9wiFu0VU0d47MGt9HCXMIrlnEV5oGqhCY2sYAlvKUYPATcRd93c1RfYzaCfQEh1SxbDttaVwAAAABJRU5ErkJggg=="},3223:function(t,s,A){},5272:function(t,s){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAMCAYAAAC0qUeeAAAA6UlEQVQokW3RIUtDYRgF4Od+iDDYhgxBk4YFiwgmQU0m44oICxNkK4KC2T/gHzCYBbMWsQgmEdQiCMMmDASDDgXjZrjfhcv1nnjOeXkP5yTDdlPENI7QQgW/uMIxBhCicQl3eMMyZiP3jFvMQDJsN+u4RweP/qOOH4wD9nCWM1ZxkDN/Y5zFaOE0JzbQLfnQC6jhs0QsYjcgKZAjzOMQkzk+CTFTI0cOsIJV9KVNVDAKuCzJ2McWNvEhbep6AifSjm/wVDh6xYK0nfUsxjbOsY+paKyihwvs4Ctb8AVrmMMD3qXrLWJD3OAPEqYvE3qdTHEAAAAASUVORK5CYII="},"7ba5":function(t,s){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAPCAYAAAA/I0V3AAABEklEQVQokXXSvyvGURTH8ZcnhQlZZJASBjEY/VgoLI8YGExMmAxS/AlKShkMlOTPQDYZZXgGQomyWRgkDM6X6/H1qdvpfs59n3vu6VY8TbdKVMAi5tGCW2xjE+/poVS7GME4qiKOhi8PGkI3xlAKr4Ri+IN50Di28Fp2+2v4E3lQA+7l6z7yf6Br9PwD9eAyD9rDgq+ppWrBHHYyozJJXmEZp9jABbqwFMXu8qBKNOIDM3hAU+ybI/+WtleLIwygH504idgX6zDOfUP70dakr4HAcMRrTOEMBxlURB1Wk1ar0YuaxFtBPYoFzGI9es/UHm9oS7wPrGG2EBWP/FZHWcx0jN4CHvFSlrzBuZ8/mOkZD584tTb0/hAllgAAAABJRU5ErkJggg=="},8101:function(t,s){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAA1klEQVQokZXPoUqDYRTG8d/3+YoGsW9N1mTaNchARe9AWLDYBgoWi8GbsGg3CQYxGIziBSwsegkyYVU0+DpeDjL9nvTwP+cP51TjfkfII/b/YgkbuMRKZst4C2LJXnGccI0DjPLgBZtBLNkqbmpUhQRb8fbARphPaOHql+VZaSW847ahuJswwVNDcVIHsIde7tvYyb2XZ9NEcR3d3NeK3s2zaVIQ7/CR+33BHzA3S7zw/fMA55kd4QxLOPxZrMb9zjCe8Y8Mayyi3UBqYyHhFM/4bCCffAH4hyNSHFS3egAAAABJRU5ErkJggg=="},"947c":function(t,s,A){"use strict";var i=A("3223"),a=A.n(i);a.a},a2c6:function(t,s,A){"use strict";A.r(s);var i=function(){var t=this,s=t.$createElement,i=t._self._c||s;return i("div",{staticClass:"content"},[i("div",{staticClass:"top-space"}),i("div",{staticClass:"box"},[i("div",{staticClass:"gird-g form"},[i("div",{staticClass:"pure-u-1 pure-u-md-1-2 form-item"},[i("div",{staticClass:"label"},[i("img",{attrs:{src:A("e82f")}}),t._v(" "+t._s(t.$t("reservation.name"))+"\n\t\t\t\t")]),i("div",{staticClass:"ipt-wrap"},[i("input",{staticClass:"ipt",attrs:{placeholder:t.$t("reservation.namePlaceholder"),type:"text"}})])]),i("div",{staticClass:"pure-u-1 pure-u-md-1-2 form-item"},[i("div",{staticClass:"label"},[i("img",{attrs:{src:A("a3eb")}}),t._v(t._s(t.$t("reservation.contactType"))+"\n\t\t\t\t")]),i("div",{staticClass:"ipt-wrap"},[i("img",{staticClass:"down-arrow",attrs:{src:A("e282"),alt:""}}),i("select",{staticClass:"ipt"},["zh"!=t.locale?i("option",[t._v("電話")]):i("option",[t._v("电话")])])])]),i("div",{staticClass:"pure-u-1 pure-u-md-1-2 form-item"},[i("div",{staticClass:"label"},[i("img",{attrs:{src:A("e82f")}}),t._v(t._s(t.$t("reservation.contact"))+"\n\t\t\t\t")]),i("div",{staticClass:"ipt-wrap"},[i("input",{staticClass:"ipt",attrs:{placeholder:t.$t("reservation.contactPlaceholder"),type:"text"}})])]),i("div",{staticClass:"pure-u-1 pure-u-md-1-2 form-item"},[i("div",{staticClass:"label"},[i("img",{attrs:{src:A("5272")}}),t._v(t._s(t.$t("reservation.reservationType"))+"\n\t\t\t\t")]),i("div",{staticClass:"ipt-wrap"},[i("img",{staticClass:"down-arrow",attrs:{src:A("e282"),alt:""}}),i("select",{staticClass:"ipt"},["zh"==t.locale?[i("option",[t._v("投保咨询")]),i("option",[t._v("代办保单变更")])]:[i("option",[t._v("投保咨詢")]),i("option",[t._v("代辦保單變更")])]],2)])]),i("div",{staticClass:"pure-u-1 form-item"},[i("div",{staticClass:"label"},[i("img",{attrs:{src:A("c132")}}),t._v(t._s(t.$t("reservation.reservationRemark"))+"\n\t\t\t\t")]),i("div",{staticClass:"ipt-wrap"},[i("textarea",{staticClass:"ipt textarea",attrs:{placeholder:t.$t("reservation.reservationRemarkPlaceholder")}})])]),i("div",{staticClass:"pure-u-1 form-item form-item2"},[i("div",{staticClass:"label"},[i("img",{attrs:{src:A("7ba5")}}),t._v(t._s(t.$t("reservation.hkClient"))+"\n\t\t\t\t")]),i("div",{staticClass:"cont"},[i("div",{staticClass:"boo-btn pointer active"},[t._v(t._s(t.$t("reservation.yes")))]),i("div",{staticClass:"boo-btn pointer"},[t._v(t._s(t.$t("reservation.no")))])])]),i("div",{staticClass:"pure-u-1 form-item form-item3"},[i("div",{staticClass:"label"},[i("img",{attrs:{src:A("8101")}}),t._v(t._s(t.$t("reservation.contactTime"))+"\n\t\t\t\t")]),t._m(0)])])]),i("div",{staticClass:"box notice"},[i("p",{staticClass:"notice-item"},[i("img",{staticClass:"notice-item-icon",attrs:{src:A("0cbc")}}),t._v("       "+t._s(t.$t("reservation.notice1"))+"\n\t\t")]),i("p",{staticClass:"notice-item"},[i("img",{staticClass:"notice-item-icon",attrs:{src:A("0cbc")}}),t._v("       "+t._s(t.$t("reservation.notice2"))+"\n\t\t")])])])},a=[function(){var t=this,s=t.$createElement,i=t._self._c||s;return i("div",{staticClass:"cont"},[i("div",{staticClass:"calendar"},[i("img",{attrs:{src:A("bf51")}})])])}],e=(A("4ec3"),A("ed0b"),{data:function(){return{key:"value"}},components:{},computed:{locale:function(){return this.$i18n.locale||"tc"},i18n:function(){return this.$i18n.messages&&this.$i18n.locale?this.$i18n.messages[this.$i18n.locale]:{}}},methods:{initData:function(){}},mounted:function(){},created:function(){}}),c=e,n=(A("947c"),A("6691")),r=Object(n["a"])(c,i,a,!1,null,"232c90b4",null);s["default"]=r.exports},a3eb:function(t,s){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAOCAYAAADwikbvAAAAv0lEQVQokc3SMUoDQRSH8d/GTWwsDYtYppZcwEYLm80J9gZ7A62iZdAzCOnsbXKHiHfQTiSw9UZci50iCUEcSZGvmf8w8z0ej5dUxeAO1+j5OzUmKW5wis8IOcNbB91IET5w2ImU1tipfIs85AyP6Id7jvFv8iXOQj7GVThhiIvVz0lVDBok/+i62Z+BRZHiFTO8o8QJltrlucfBFu8IL6l2oiN84RvneNBu0TwU36TGc4oFpisPT2hCwTLkrfwA0ZohPRkIwwkAAAAASUVORK5CYII="},bf51:function(t,s,A){t.exports=A.p+"assets/img/re-calendar.png"},c132:function(t,s){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAA2ElEQVQokYXSv0qCYRTH8Y/i0BJ0B2E2OLSUQUGN3UJLXoDmFXQHLdEgQdAaDjkozl1ANdQiCDXkEgQhGhFIINbyvPD0knbgcP5++Z3hZN4PCiMMzbcFdFDL4QOFf4BdHEIuNJawOWO5HxcJUMT+DOAOT2ngNvi8k34BKymFMerRTg/nMTDGKAI+sYgzrCKLLh4S4BUXqTMu0cIAX8jjJBuGW7iOfA3LaGMHJVxhI1G4RyXk33gJEZ5xjG1MEmASBrE9oowGmqhimPnjNabYwxtOsR7UbnD0A5WAMvaPwQ7GAAAAAElFTkSuQmCC"},e282:function(t,s){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAICAYAAADN5B7xAAAAnklEQVQYlY2PPQoCQQyFv5E9gQdaG0VncG9iZWdtYWWneJCBSWHnNSxkwcLaUnRjsTPL4A/6QYok74U8M7WTGugDd8DQ0gMUeMRq4uxaADtgxX9sjKpSObsG5j/EWx9kZlQVgMrZPTD8Ij74IIP0a2IMnD+IL8AoNZ3BB2mAkjZgQoHSB7m9GaLplF8DnA9yzDVdhpzK2SVQ+CCL190TREgyBB3ltCcAAAAASUVORK5CYII="},e82f:function(t,s){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAMCAYAAAC0qUeeAAAA1UlEQVQokX3QIUtDURjG8d+dIihYBNMMwpCF+QEMNocYTLJ0FdGBX2FfwqhJtmIQxCFYbQOj1WAWBsKQgVH0GnwvHAbXf3kPD//DeZ+TTfOGYAE9HGEZn7jGOb6gFuIcHrCObdRjbmCILJU7KHCGSWQTdLGIg1RuYxAXUorId1P5RzVZeSjlEQ4rxGM8pvItlnCBlchWcRWv3qfyN06wj3eM8YS3KFfMFnyOMk2sxbzEC7ZgPsI+dvA6s/MHcn9/3c6meWOIu9i7ilPs1dAqC/zDDTZ/AdA9KrVTzbxKAAAAAElFTkSuQmCC"}}]);
...\ No newline at end of file ...\ No newline at end of file
...@@ -51,10 +51,10 @@ html { ...@@ -51,10 +51,10 @@ html {
51 text-rendering: optimizeLegibility; 51 text-rendering: optimizeLegibility;
52 color: #333; 52 color: #333;
53 background-color: #ffffff; 53 background-color: #ffffff;
54 -ms-text-size-adjust: 100%; 54 // -ms-text-size-adjust: 100%;
55 -webkit-text-size-adjust: 100%; 55 // -webkit-text-size-adjust: 100%;
56 -moz-osx-font-smoothing: grayscale; 56 // -moz-osx-font-smoothing: grayscale;
57 -webkit-font-smoothing: antialiased; 57 // -webkit-font-smoothing: antialiased;
58 box-sizing: border-box; 58 box-sizing: border-box;
59 } 59 }
60 60
...@@ -262,6 +262,12 @@ input::-webkit-search-cancel-button { ...@@ -262,6 +262,12 @@ input::-webkit-search-cancel-button {
262 opacity: 1; 262 opacity: 1;
263 } 263 }
264 264
265 select,
266 input,
267 option {
268 color: $cLightBlack;
269 }
270
265 textarea { 271 textarea {
266 outline: none; 272 outline: none;
267 border-radius: 0; 273 border-radius: 0;
...@@ -270,6 +276,7 @@ textarea { ...@@ -270,6 +276,7 @@ textarea {
270 overflow: auto; 276 overflow: auto;
271 resize: none; 277 resize: none;
272 // font: 100% tahoma, "\5b8b\4f53", arial; 278 // font: 100% tahoma, "\5b8b\4f53", arial;
279 color: $cLightBlack;
273 } 280 }
274 281
275 .cOrange { 282 .cOrange {
......
...@@ -8,7 +8,7 @@ ...@@ -8,7 +8,7 @@
8 8
9 .footer-containter { 9 .footer-containter {
10 margin: 0 auto; 10 margin: 0 auto;
11 max-width: 1200px; 11 // max-width: 1200px;
12 12
13 .cont { 13 .cont {
14 margin-left: 3.166667rem; 14 margin-left: 3.166667rem;
......
1 1
2 <template> 2 <template>
3 <footer class="v-footer "> 3 <footer class="v-footer ">
4 <div class="box footer-containter "> 4 <div class="content footer-containter ">
5 <div class="cont"> 5 <div class="cont">
6 <div class="logo-wrap"> 6 <div class="logo-wrap">
7 <img class="logo-img" src="@/assets/images/home/footer-logo.png" alt="中国平安人寿保险"> 7 <img class="logo-img" src="@/assets/images/home/footer-logo.png" alt="中国平安人寿保险">
......
1
2 .cell-group { 1 .cell-group {
3 margin-bottom: 1rem /* 12/12 */; 2 margin-bottom: 1rem;
4 div{ 3
5 font-size: 1rem /* 12/12 */; 4 &:last-child {
6 color: #4c4948; 5 margin-bottom: 0;
6 }
7
8 div {
9 font-size: 1rem;
10 color: #4c4948;
11 }
12
13 .w1 {
14 min-width: 9.166667rem;
15 text-align: center;
16 }
17
18 .w2 {
19 min-width: 6.25rem;
20 text-align: center;
21 }
22
23 .table-header {
24 width: 64.166667rem;
25 height: 2.5rem;
26 border-top-left-radius: .666667rem;
27 border-top-right-radius: .666667rem;
28 background-color: #f2f2f2;
29 display: flex;
30 align-items: center;
31
32 .normal-header {
33 width: 58.833333rem;
34 margin: auto;
35 display: flex;
36 justify-content: space-between;
37 align-items: center;
38
39 .title {
40 font-size: 1rem;
41 font-weight: bold;
42 color: #575453;
43 }
44
45 .guide {
46 transition: all 0.5s;
47 cursor: pointer;
48 width: 1rem;
49 height: .666667rem;
50 background: url("~@/assets/images/insurance-query/triangle-down.png") no-repeat center center;
51 background-size: 100% 100%;
52 }
53
54 .rotate180 {
55 transform: rotate(180deg);
56 transition: all 0.5s;
57 }
7 } 58 }
59 }
60
61 .table-content {
62 width: 64.166667rem;
63 height: auto;
64 display: inline-block;
65 border-bottom-left-radius: .666667rem;
66 border-bottom-right-radius: .666667rem;
67 border-left: solid .083333rem #f2f2f2;
68 border-right: solid .083333rem #f2f2f2;
69 border-bottom: solid .083333rem #f2f2f2;
70 padding: 0 2.583333rem;
71 max-height: 41.666667rem;
72 transition: max-height ease-out 0.3s !important;
73 overflow: hidden;
74
75 .data-line {
76 height: 4.416667rem;
77 margin: auto;
78 display: flex;
79 justify-content: space-between;
80 align-items: center;
81
82 .cell1 {
83 width: 29.166667rem;
84 display: flex;
85 justify-content: space-between;
86 margin: auto;
87 }
8 88
9 .w1 { 89 .separator-v {
10 min-width: 9.166667rem /* 110/12 */; 90 height: 2.5rem;
11 text-align: center; 91 width: .166667rem;
92 background-color: #f2f2f2;
93 margin: 0 .916667rem;
94 }
12 } 95 }
13 96
14 .w2 { 97 .label span {
15 min-width: 6.25rem /* 75/12 */; 98 color: #f05a23;
16 text-align: center; 99 margin-left: .583333rem;
100 cursor: pointer;
101 text-decoration: underline;
17 } 102 }
18 103
19 .table-header { 104 .separator-h {
20 width: 64.166667rem /* 770/12 */; 105 width: 58.833333rem;
21 height: 2.5rem /* 30/12 */; 106 height: .083333rem;
22 border-top-left-radius: .666667rem /* 8/12 */; 107 background-color: #f2f2f2;
23 border-top-right-radius: .666667rem /* 8/12 */;
24 background-color: #f2f2f2;
25 display: flex;
26 align-items: center;
27
28 .normal-header {
29 width: 58.833333rem /* 706/12 */;
30 margin: auto;
31 display: flex;
32 justify-content: space-between;
33 align-items: center;
34
35 .title {
36 font-size: 1rem /* 12/12 */;
37 font-weight: bold;
38 color: #575453;
39 }
40
41 .guide {
42 transition: all 0.5s;
43 cursor: pointer;
44 width: 1rem /* 12/12 */;
45 height: .666667rem /* 8/12 */ ;
46 background: url("~@/assets/images/insurance-query/triangle-down.png") no-repeat center center;
47 background-size: 100% 100%;
48 }
49
50 .rotate180 {
51 transform: rotate(180deg);
52 transition: all 0.5s;
53 }
54 }
55 } 108 }
109 }
56 110
57 .table-content { 111 .orange {
58 width: 64.166667rem /* 770/12 */; 112 background-color: #f05a23 !important;
59 height: auto;
60 display: inline-block;
61 border-bottom-left-radius: .666667rem /* 8/12 */;
62 border-bottom-right-radius: .666667rem /* 8/12 */;
63 border-left: solid .083333rem /* 1/12 */ #f2f2f2;
64 border-right: solid .083333rem /* 1/12 */ #f2f2f2;
65 border-bottom: solid .083333rem /* 1/12 */ #f2f2f2;
66 padding: 0 2.583333rem /* 31/12 */;
67 max-height: 41.666667rem /* 500/12 */;
68 transition: max-height ease-out 0.3s !important;
69 overflow: hidden;
70
71 .data-line {
72 height: 4.416667rem /* 53/12 */;
73 margin: auto;
74 display: flex;
75 justify-content: space-between;
76 align-items: center;
77
78 .cell1 {
79 width: 29.166667rem /* 350/12 */;
80 display: flex;
81 justify-content: space-between;
82 margin: auto;
83 }
84
85 .separator-v {
86 height: 2.5rem /* 30/12 */;
87 width: .166667rem /* 2/12 */;
88 background-color: #f2f2f2;
89 margin: 0 .916667rem /* 11/12 */;
90 }
91 }
92
93 .label span {
94 color: #f05a23;
95 margin-left: .583333rem /* 7/12 */;
96 cursor: pointer;
97 text-decoration: underline;
98 }
99
100 .separator-h {
101 width: 58.833333rem /* 706/12 */;
102 height: .083333rem /* 1/12 */;
103 background-color: #f2f2f2;
104 }
105 }
106 .orange {
107 background-color: #f05a23 !important;
108 div {
109 color: #ffffff;
110 }
111 }
112 113
113 .hide { 114 div {
114 max-height: 0; 115 color: #ffffff;
115 border-bottom:none;
116 } 116 }
117 }
118
119 .hide {
120 max-height: 0;
121 border-bottom: none;
122 }
117 123
118 } 124 }
......
1 @import '@/styles/_support'; 1 @import '@/styles/_support';
2 2
3 input { 3 input {
4 padding: 0 2.083333rem /* 25/12 */; 4 padding: 0 2.083333rem;
5 color: #333333;
5 } 6 }
6 7
7 .content { 8
8 padding-bottom: 6rem;
9 }
10 9
11 .top-space { 10 .top-space {
12 height: 4.25rem; 11 // height: 4.25rem;
13 } 12 }
14 13
15 .reservation-container { 14 .reservation-container {
16 width: 64.25rem /* 771/12 */; 15 width: 64.25rem;
17 border-radius: .666667rem /* 8/12 */; 16 border-radius: .666667rem;
18 border: solid .083333rem /* 1/12 */ #f2f2f2; 17 border: solid .083333rem #f2f2f2;
19 background-color: #ffffff; 18 background-color: #ffffff;
20 padding: 2.166667rem /* 26/12 */ .916667rem /* 11/12 */; 19 padding: 2.166667rem .916667rem 0;
21 } 20 }
22 21
23 .form { 22 .form {
...@@ -27,10 +26,8 @@ input { ...@@ -27,10 +26,8 @@ input {
27 26
28 &-item { 27 &-item {
29 position: relative; 28 position: relative;
30 // padding: 0 1.75rem; 29 padding: 0 1.25rem;
31 padding:0 1.25rem /* 15/12 */; 30 margin-bottom: 2.333333rem;
32 // margin-bottom: 2.5rem;
33 margin-bottom: 2.333333rem /* 28/12 */;
34 31
35 .label { 32 .label {
36 color: #f05a23; 33 color: #f05a23;
...@@ -39,13 +36,12 @@ input { ...@@ -39,13 +36,12 @@ input {
39 margin-bottom: .7rem; 36 margin-bottom: .7rem;
40 37
41 .icon { 38 .icon {
42 width: 2.166667rem /* 26/12 */; 39 width: 2.166667rem;
43 display: flex; 40 display: flex;
44 } 41 }
45 42
46 img { 43 img {
47 height: 1rem; 44 height: 1rem;
48 // margin-right: .8rem;
49 } 45 }
50 } 46 }
51 47
...@@ -61,7 +57,7 @@ input { ...@@ -61,7 +57,7 @@ input {
61 border: solid 1px #dcdddd; 57 border: solid 1px #dcdddd;
62 background-color: #ffffff; 58 background-color: #ffffff;
63 border-radius: 3.5rem; 59 border-radius: 3.5rem;
64 padding: 0 2.083333rem /* 25/12 */; 60 padding: 0 2.083333rem;
65 } 61 }
66 62
67 // 长文本 63 // 长文本
...@@ -76,6 +72,11 @@ input { ...@@ -76,6 +72,11 @@ input {
76 position: absolute; 72 position: absolute;
77 top: 1.6rem; 73 top: 1.6rem;
78 right: 2rem; 74 right: 2rem;
75 background-image: url('~@/assets/images/reservation/re-down-arrow.png');
76 width: 1rem;
77 height: .666667rem;
78 pointer-events: none;
79 cursor: default;
79 } 80 }
80 } 81 }
81 82
...@@ -84,11 +85,10 @@ input { ...@@ -84,11 +85,10 @@ input {
84 // 不换行 85 // 不换行
85 &-item2 { 86 &-item2 {
86 display: flex; 87 display: flex;
87 margin-bottom: 2.25rem /* 27/12 */; 88 margin-bottom: 2.25rem;
88 89
89 .label { 90 .label {
90 // min-width: 13.75rem; 91 min-width: 12.833333rem;
91 min-width: 12.833333rem /* 154/12 */;
92 height: 2.5rem; 92 height: 2.5rem;
93 } 93 }
94 94
...@@ -125,16 +125,15 @@ input { ...@@ -125,16 +125,15 @@ input {
125 flex-wrap: wrap; 125 flex-wrap: wrap;
126 126
127 .label { 127 .label {
128 // min-width: 13.75rem; 128 min-width: 8.833333rem;
129 min-width: 8.833333rem /* 106/12 */;
130 } 129 }
131 130
132 .ipt-wrap { 131 .ipt-wrap {
133 width: 50%; 132 width: 50%;
134 133
135 input { 134 input {
136 font-size: 1.166667rem /* 14/12 */; 135 font-size: 1.166667rem;
137 letter-spacing: .116667rem /* 1.4/12 */; 136 letter-spacing: .116667rem;
138 color: #4c4948; 137 color: #4c4948;
139 font-family: Arial; 138 font-family: Arial;
140 } 139 }
...@@ -148,8 +147,9 @@ input { ...@@ -148,8 +147,9 @@ input {
148 } 147 }
149 } 148 }
150 } 149 }
150
151 .mt8 { 151 .mt8 {
152 margin-top: .666667rem /* 8/12 */; 152 margin-top: .666667rem;
153 } 153 }
154 } 154 }
155 155
...@@ -166,7 +166,6 @@ input { ...@@ -166,7 +166,6 @@ input {
166 margin-bottom: 1rem; 166 margin-bottom: 1rem;
167 167
168 &-icon { 168 &-icon {
169 // display: inline-block;
170 position: absolute; 169 position: absolute;
171 top: .5rem; 170 top: .5rem;
172 } 171 }
...@@ -174,17 +173,17 @@ input { ...@@ -174,17 +173,17 @@ input {
174 } 173 }
175 174
176 .submit-btn { 175 .submit-btn {
177 width: 13.583333rem /* 163/12 */; 176 width: 13.583333rem;
178 height: 4.083333rem /* 49/12 */; 177 height: 4.083333rem;
179 margin: 2.5rem /* 30/12 */ auto; 178 margin: 2.5rem auto;
180 line-height: 4.083333rem /* 49/12 */; 179 line-height: 4.083333rem;
181 box-shadow: 0px 10px 13px 0 rgba(236, 100, 41, 0.2); 180 box-shadow: 0px 10px 13px 0 rgba(236, 100, 41, 0.2);
182 background-blend-mode: soft-light, ; 181 background-blend-mode: soft-light, ;
183 background-image: linear-gradient(to top, #000000, #ffffff), linear-gradient(to bottom, #ec6429, #ec6429); 182 background-image: linear-gradient(to top, #000000, #ffffff), linear-gradient(to bottom, #ec6429, #ec6429);
184 text-align: center; 183 text-align: center;
185 font-size: 1.291667rem /* 15.5/12 */; 184 font-size: 1.291667rem;
186 letter-spacing: .129167rem /* 1.55/12 */; 185 letter-spacing: .129167rem;
187 color: #ffffff; 186 color: #ffffff;
188 border-radius: 3.5rem; 187 border-radius: 3.5rem;
189 cursor: pointer; 188 cursor: pointer;
190 }
...\ No newline at end of file ...\ No newline at end of file
189 }
......
1 1
2 <template> 2 <template>
3 <div class="reservation-container"> 3 <div class="reservation-container">
4 <div class=""> 4 <div class="temp">
5 <div class="gird-g form"> 5 <div class="gird-g form">
6 6
7 <div class="pure-u-1 pure-u-md-1-2 form-item"> 7 <div class="pure-u-1 pure-u-md-1-2 form-item">
...@@ -18,7 +18,7 @@ ...@@ -18,7 +18,7 @@
18 <div class="icon"><img src="@/assets/images/reservation/icon-re-contact.png"></div>{{$t('reservation.contactType')}} 18 <div class="icon"><img src="@/assets/images/reservation/icon-re-contact.png"></div>{{$t('reservation.contactType')}}
19 </div> 19 </div>
20 <div class="ipt-wrap"> 20 <div class="ipt-wrap">
21 <img class="down-arrow" src="@/assets/images/reservation/re-down-arrow.png" alt=""> 21 <div class="down-arrow"></div>
22 <select class="ipt"> 22 <select class="ipt">
23 <option v-if="locale !='zh'">電話</option> 23 <option v-if="locale !='zh'">電話</option>
24 <option v-else>电话</option> 24 <option v-else>电话</option>
...@@ -40,7 +40,7 @@ ...@@ -40,7 +40,7 @@
40 <div class="icon"><img src="@/assets/images/reservation/icon-re-clock.png"></div>{{$t('reservation.reservationType')}} 40 <div class="icon"><img src="@/assets/images/reservation/icon-re-clock.png"></div>{{$t('reservation.reservationType')}}
41 </div> 41 </div>
42 <div class="ipt-wrap"> 42 <div class="ipt-wrap">
43 <img class="down-arrow" src="@/assets/images/reservation/re-down-arrow.png" alt=""> 43 <div class="down-arrow"></div>
44 <select class="ipt"> 44 <select class="ipt">
45 <template v-if="locale =='zh'"> 45 <template v-if="locale =='zh'">
46 <option>投保咨询</option> 46 <option>投保咨询</option>
...@@ -112,6 +112,6 @@ ...@@ -112,6 +112,6 @@
112 </template> 112 </template>
113 113
114 <script src="./reservation.js"></script> 114 <script src="./reservation.js"></script>
115 <style lang="scss" > 115 <style lang="scss" scoped>
116 @import "./reservation.scss"; 116 @import "./reservation.scss";
117 </style> 117 </style>
......
1
2
3 .content { 1 .content {
4 display: flex; 2 display: flex;
3 // margin-top: 2.333333rem;
4 margin: 2.333333rem auto;
5 } 5 }
6 6
7 .left-panel { 7 .left-panel {
8 width: 12.833333rem ; 8 width: 12.833333rem;
9 height: 42.333333rem ; 9 height: 42.333333rem;
10 margin-left: 3.166667rem; 10 margin-left: 3.166667rem;
11 11
12 .separator { 12 .separator {
13 margin:auto; 13 margin: auto;
14 width: 10.5rem ; 14 width: 10.5rem;
15 height: .083333rem; 15 height: .083333rem;
16 background-color: #dcdddd; 16 background-color: #dcdddd;
17 } 17 }
18 .menu-item { 18
19 height: 5.916667rem; 19 .menu-item {
20 line-height: 5.916667rem; 20 height: 5.916667rem;
21 font-size: 1.5rem ; 21 line-height: 5.916667rem;
22 font-weight: bold; 22 font-size: 1.5rem;
23 color: #4c4948; 23 font-weight: bold;
24 text-align: center; 24 color: #4c4948;
25 cursor: pointer; 25 text-align: center;
26 display: flex; 26 cursor: pointer;
27 align-items: center; 27 display: flex;
28 justify-content: center; 28 align-items: center;
29 29 justify-content: center;
30 i {
31 display: inline-block;
32 width: 3.416667rem /* 41/12 */;
33 height: 3.416667rem /* 41/12 */;
34 // margin-right: 1.333333rem;
35 margin-right: .166667rem /* 2/12 */;
36 vertical-align: middle;
37 }
38 .m1 {
39 background: url("~@/assets/images/insurance-query/m1-unselect.png") no-repeat center center;
40 background-size: 100% 100%;
41 }
42 .m2 {
43 background: url("~@/assets/images/insurance-query/m2-unselect.png") no-repeat center center;
44 background-size: 100% 100%;
45 }
46 .m3 {
47 background: url("~@/assets/images/insurance-query/m3-unselect.png") no-repeat center center;
48 background-size: 100% 100%;
49 }
50 .m4 {
51 background: url("~@/assets/images/insurance-query/m4-unselect.png") no-repeat center center;
52 background-size: 100% 100%;
53 }
54 .m5 {
55 background: url("~@/assets/images/insurance-query/m5-unselect.png") no-repeat center center;
56 background-size: 100% 100%;
57 }
58 .m6 {
59 background: url("~@/assets/images/insurance-query/m6-unselect.png") no-repeat center center;
60 background-size: 100% 100%;
61 }
62 .m7 {
63 background: url("~@/assets/images/insurance-query/m7-unselect.png") no-repeat center center;
64 background-size: 100% 100%;
65 }
66 .m8 {
67 background: url("~@/assets/images/insurance-query/m8-unselect.png") no-repeat center center;
68 background-size: 100% 100%;
69 }
70 }
71 .menu-item.activity {
72 color: #f05a23 !important;
73
74 .m1 {
75 background: url("~@/assets/images/insurance-query/m1.png") no-repeat center center;
76 background-size: 100% 100%;
77 }
78 .m2 {
79 background: url("~@/assets/images/insurance-query/m2.png") no-repeat center center;
80 background-size: 100% 100%;
81 }
82 .m3 {
83 background: url("~@/assets/images/insurance-query/m3.png") no-repeat center center;
84 background-size: 100% 100%;
85 }
86 .m4 {
87 background: url("~@/assets/images/insurance-query/m4.png") no-repeat center center;
88 background-size: 100% 100%;
89 }
90 .m5 {
91 background: url("~@/assets/images/insurance-query/m5.png") no-repeat center center;
92 background-size: 100% 100%;
93 }
94 .m6 {
95 background: url("~@/assets/images/insurance-query/m6.png") no-repeat center center;
96 background-size: 100% 100%;
97 }
98 .m7 {
99 background: url("~@/assets/images/insurance-query/m7.png") no-repeat center center;
100 background-size: 100% 100%;
101 }
102 .m8 {
103 background: url("~@/assets/images/insurance-query/m8.png") no-repeat center center;
104 background-size: 100% 100%;
105 }
106 30
31 i {
32 display: inline-block;
33 width: 3.416667rem;
34 height: 3.416667rem;
35 margin-right: .166667rem;
36 vertical-align: middle;
107 } 37 }
108 }
109 38
110 .min-panel { 39 .m1 {
111 margin-left: .666667rem; 40 background: url("~@/assets/images/insurance-query/m1-unselect.png") no-repeat center center;
112 width: 1.166667rem; 41 background-size: 100% 100%;
42 }
113 43
114 .item { 44 .m2 {
115 width: 1.166667rem ; 45 background: url("~@/assets/images/insurance-query/m2-unselect.png") no-repeat center center;
116 height: 6rem; 46 background-size: 100% 100%;
117 display: flex;
118 justify-content: flex-start;
119 align-items: center;
120 } 47 }
121 48
122 .activity .triangle { 49 .m3 {
123 width: .583333rem; 50 background: url("~@/assets/images/insurance-query/m3-unselect.png") no-repeat center center;
124 height: 1.166667rem ; 51 background-size: 100% 100%;
125 background: url("~@/assets/images/insurance-query/triangle.png") no-repeat center center;
126 background-size: 100% 100%;
127 } 52 }
128 }
129 53
130 .right-panel { 54 .m4 {
131 margin-left: 1.166667rem; 55 background: url("~@/assets/images/insurance-query/m4-unselect.png") no-repeat center center;
132 width: 64.166667rem ; 56 background-size: 100% 100%;
133 background-color: #ffffff; 57 }
58
59 .m5 {
60 background: url("~@/assets/images/insurance-query/m5-unselect.png") no-repeat center center;
61 background-size: 100% 100%;
62 }
63
64 .m6 {
65 background: url("~@/assets/images/insurance-query/m6-unselect.png") no-repeat center center;
66 background-size: 100% 100%;
67 }
68
69 .m7 {
70 background: url("~@/assets/images/insurance-query/m7-unselect.png") no-repeat center center;
71 background-size: 100% 100%;
72 }
73
74 .m8 {
75 background: url("~@/assets/images/insurance-query/m8-unselect.png") no-repeat center center;
76 background-size: 100% 100%;
77 }
78 }
79
80 .menu-item.activity {
81 color: #f05a23 !important;
82
83 .m1 {
84 background: url("~@/assets/images/insurance-query/m1.png") no-repeat center center;
85 background-size: 100% 100%;
86 }
134 87
135 .panel { 88 .m2 {
136 display: none; 89 background: url("~@/assets/images/insurance-query/m2.png") no-repeat center center;
90 background-size: 100% 100%;
137 } 91 }
138 92
139 .activity { 93 .m3 {
140 display: block !important; 94 background: url("~@/assets/images/insurance-query/m3.png") no-repeat center center;
95 background-size: 100% 100%;
141 } 96 }
97
98 .m4 {
99 background: url("~@/assets/images/insurance-query/m4.png") no-repeat center center;
100 background-size: 100% 100%;
101 }
102
103 .m5 {
104 background: url("~@/assets/images/insurance-query/m5.png") no-repeat center center;
105 background-size: 100% 100%;
106 }
107
108 .m6 {
109 background: url("~@/assets/images/insurance-query/m6.png") no-repeat center center;
110 background-size: 100% 100%;
111 }
112
113 .m7 {
114 background: url("~@/assets/images/insurance-query/m7.png") no-repeat center center;
115 background-size: 100% 100%;
116 }
117
118 .m8 {
119 background: url("~@/assets/images/insurance-query/m8.png") no-repeat center center;
120 background-size: 100% 100%;
121 }
122
123 }
124 }
125
126 .min-panel {
127 margin-left: .666667rem;
128 width: 1.166667rem;
129
130 .item {
131 width: 1.166667rem;
132 height: 6rem;
133 display: flex;
134 justify-content: flex-start;
135 align-items: center;
136 }
137
138 .activity .triangle {
139 width: .583333rem;
140 height: 1.166667rem;
141 background: url("~@/assets/images/insurance-query/triangle.png") no-repeat center center;
142 background-size: 100% 100%;
143 }
144 }
145
146 .right-panel {
147 margin-left: 1.166667rem;
148 width: 64.166667rem;
149 background-color: #ffffff;
150
151 .panel {
152 display: none;
153 }
154
155 .activity {
156 display: block !important;
157 }
142 } 158 }
143 159
144 .empty-line { 160 .empty-line {
145 height: 1.333333rem /* 16/12 */; 161 height: 1.333333rem;
146 } 162 }
......
...@@ -64,15 +64,18 @@ ...@@ -64,15 +64,18 @@
64 <div class="panel" :class="{activity : activity == 'm1'}"></div> 64 <div class="panel" :class="{activity : activity == 'm1'}"></div>
65 <div class="panel" :class="{activity : activity == 'm2'}"> 65 <div class="panel" :class="{activity : activity == 'm2'}">
66 <payment-type></payment-type> 66 <payment-type></payment-type>
67 <div class="empty-line"></div></div> 67 <!-- <div class="empty-line"></div> -->
68 </div>
68 <div class="panel" :class="{activity : activity == 'm3'}"> 69 <div class="panel" :class="{activity : activity == 'm3'}">
69 <insurance-query></insurance-query> 70 <insurance-query></insurance-query>
70 <div class="empty-line"></div></div> 71 <!-- <div class="empty-line"></div> -->
72 </div>
71 <div class="panel" :class="{activity : activity == 'm4'}"></div> 73 <div class="panel" :class="{activity : activity == 'm4'}"></div>
72 <div class="panel" :class="{activity : activity == 'm5'}"></div> 74 <div class="panel" :class="{activity : activity == 'm5'}"></div>
73 <div class="panel" :class="{activity : activity == 'm6'}"> 75 <div class="panel" :class="{activity : activity == 'm6'}">
74 <reservation></reservation> 76 <reservation></reservation>
75 <div class="empty-line"></div></div> 77 <!-- <div class="empty-line"></div> -->
78 </div>
76 <div class="panel" :class="{activity : activity == 'm7'}"></div> 79 <div class="panel" :class="{activity : activity == 'm7'}"></div>
77 <div class="panel" :class="{activity : activity == 'm8'}"></div> 80 <div class="panel" :class="{activity : activity == 'm8'}"></div>
78 </div> 81 </div>
......
...@@ -50,7 +50,7 @@ export default { ...@@ -50,7 +50,7 @@ export default {
50 } 50 }
51 if (val == 2) { 51 if (val == 2) {
52 this.$router.push({ 52 this.$router.push({
53 path: "/reservation" 53 path: "/custom/service?q=m6"
54 }) 54 })
55 } 55 }
56 if (val == 3) { 56 if (val == 3) {
......
...@@ -49,9 +49,9 @@ ...@@ -49,9 +49,9 @@
49 // width: auto; 49 // width: auto;
50 text-align: center; 50 text-align: center;
51 justify-content: space-between; 51 justify-content: space-between;
52 max-width: 79.166667rem /* 950/12 */; 52 max-width: 79.166667rem;
53 // max-width: 1200px; 53 // max-width: 1200px;
54 54
55 55
56 56
57 &-item { 57 &-item {
...@@ -101,6 +101,8 @@ ...@@ -101,6 +101,8 @@
101 // 了解我们 101 // 了解我们
102 .more { 102 .more {
103 margin: 3.5rem auto 0; 103 margin: 3.5rem auto 0;
104 // margin-top: 3.5rem;
105 // margin-left: 9.791667rem;
104 position: relative; 106 position: relative;
105 107
106 .btn { 108 .btn {
...@@ -115,7 +117,11 @@ ...@@ -115,7 +117,11 @@
115 117
116 .cont { 118 .cont {
117 position: relative; 119 position: relative;
118 margin: 0 auto; 120
121 // 客户要求按设计审核，不做居中对齐
122 // margin: 0 auto;
123 margin-left: 6.583333rem;
124
119 // @extend .fcc; 125 // @extend .fcc;
120 width: 85%; 126 width: 85%;
121 127
......
...@@ -78,7 +78,7 @@ ...@@ -78,7 +78,7 @@
78 margin: 2.5rem auto 0; 78 margin: 2.5rem auto 0;
79 display: flex; 79 display: flex;
80 align-items: center; 80 align-items: center;
81 padding-left: 1rem /* 12/12 */; 81 padding-left: 1rem;
82 82
83 .check { 83 .check {
84 height: 1rem; 84 height: 1rem;
...@@ -118,7 +118,7 @@ ...@@ -118,7 +118,7 @@
118 &-item { 118 &-item {
119 position: relative; 119 position: relative;
120 // margin-top: 2.75rem; 120 // margin-top: 2.75rem;
121 margin-top: 2.5rem /* 30/12 */; 121 margin-top: 2.5rem;
122 122
123 .label { 123 .label {
124 font-family: MicrosoftYaHei; 124 font-family: MicrosoftYaHei;
......
...@@ -85,7 +85,7 @@ ...@@ -85,7 +85,7 @@
85 margin: 2.5rem auto 0; 85 margin: 2.5rem auto 0;
86 display: flex; 86 display: flex;
87 align-items: center; 87 align-items: center;
88 padding-left: 1rem /* 12/12 */; 88 padding-left: 1rem;
89 89
90 .check { 90 .check {
91 height: 1rem; 91 height: 1rem;
...@@ -99,8 +99,7 @@ ...@@ -99,8 +99,7 @@
99 99
100 &-submit { 100 &-submit {
101 @include btc2(13.5rem, 4rem, 16px); 101 @include btc2(13.5rem, 4rem, 16px);
102 margin: 4.166667rem /* 50/12 */auto 0 ; 102 margin: 4.166667rem auto 0 ;
103 // margin: 8.25rem auto 0;
104 letter-spacing: 1.6px; 103 letter-spacing: 1.6px;
105 } 104 }
106 105
......
1 @import '@/styles/_support'; 1 @import '@/styles/_support';
2 2
3 input { 3 input {
4 padding: 0 2.083333rem /* 25/12 */; 4 padding: 0 2.083333rem;
5 } 5 }
6 6
7 .content { 7 .content {
...@@ -48,7 +48,7 @@ input { ...@@ -48,7 +48,7 @@ input {
48 border: solid 1px #dcdddd; 48 border: solid 1px #dcdddd;
49 background-color: #ffffff; 49 background-color: #ffffff;
50 border-radius: 3.5rem; 50 border-radius: 3.5rem;
51 padding: 0 2.083333rem /* 25/12 */; 51 padding: 0 2.083333rem;
52 } 52 }
53 53
54 // 长文本 54 // 长文本
......
...@@ -100,6 +100,6 @@ ...@@ -100,6 +100,6 @@
100 </template> 100 </template>
101 101
102 <script src="./reservation.js"></script> 102 <script src="./reservation.js"></script>
103 <style lang="scss" > 103 <style lang="scss" scoped>
104 @import "./reservation.scss"; 104 @import "./reservation.scss";
105 </style> 105 </style>
......
...@@ -44,3 +44,4 @@ $cOrange:#f05a23; ...@@ -44,3 +44,4 @@ $cOrange:#f05a23;
44 $cGreen:#006441; 44 $cGreen:#006441;
45 $cGray:#bfbfbf; 45 $cGray:#bfbfbf;
46 $cDark:#dcdcdc; 46 $cDark:#dcdcdc;
47 $cLightBlack:#333333;
......