body { background-color: var(--groot-ui-color-gray-1); font-family: var(--groot-ui-font-family); font-size: var(--groot-ui-default-font-size); word-wrap: break-word; } @media screen and (min-resolution: 2dppx) { html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } } a{ text-decoration: none; } .groot-ui-image { margin: 0; padding: 0; display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */ display: -moz-box; /* 老版本语法: Firefox (buggy) */ display: -ms-flexbox; /* 混合版本语法: IE 10 */ display: -webkit-flex; /* 新版本语法: Chrome 21+ */ display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */ -webkit-box-align: center; -moz-align-items: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -moz-justify-content: center; -webkit-justify-content: center; justify-content: center; } .groot-ui-image.m-groot-ui-mobile-image { display: block; font-size: 0; } .flex-pack-justify { -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -moz-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .gt-jmy-pc-image-single-container { margin: 0; padding: 0; position: relative; } .gt-jmy-pc-image-single-container.groot-image-adaptive-ctn { min-width: 88.75em; max-width: 120em; } .gt-jmy-pc-image-single-container.groot-image-unset-no { width: 100%; } .gt-jmy-pc-image-single-container .gt-jmy-pc-image-single-title { height: 5em; line-height: 5em; width: 100%; text-align: center; background: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0)); position: absolute; left: 0; bottom: 0; color: var(--groot-ui-color-gray-1); font-weight: var(--groot-ui-font-weight-2); box-sizing: border-box; } .gt-jmy-pc-image-single-container .opaticy-image { opacity: 0; } .gt-jmy-pc-image-single-container.groot-image-hurdle { height: 31.25em; position: relative; z-index: 5; width: 100%; } .gt-jmy-pc-image-single-container.groot-image-hurdle .gt-jmy-pc-intersection-animation-card-root-container { height: 100%; } .gt-jmy-pc-image-single-container.groot-image-hurdle .gt-jmy-pc-intersection-animation-card-root-container .m-groot-animation { height: 100%; } .gt-jmy-pc-image-single-container.groot-image-hurdle .groot-image-hurdle-bg { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; } .gt-jmy-pc-image-single-container .single-image-mask { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.4); display: none; } .gt-jmy-pc-image-single-container .single-image-mask .mask-btn { width: 7.125em; height: 2.375em; border-radius: 1.1875em; line-height: 2.375em; margin-left: -3.5625em; margin-top: -1.1875em; background-color: var(--groot-ui-color-brand-6); color: var(--groot-ui-color-gray-1); font-size: var(--groot-ui-font-size-l); position: absolute; left: 50%; top: 50%; text-align: center; } .gt-jmy-pc-image-single-container.groot-image-adaptive-template { max-width: 88.75em; height: auto; margin: 0 auto; } .el-button-group>.el-button.is-active, .el-button-group>.el-button.is-disabled, .el-button-group>.el-button:active, .el-button-group>.el-button:focus, .el-button-group>.el-button:hover { z-index: 1 } .el-button { display: inline-block; line-height: 1; white-space: nowrap; cursor: pointer; background: #FFF; border: 1px solid #DCDFE6; color: #606266; -webkit-appearance: none; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; outline: 0; margin: 0; -webkit-transition: .1s; transition: .1s; font-weight: 500; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; padding: 12px 20px; font-size: 14px; border-radius: 4px } .el-button+.el-button { margin-left: 10px } /* .el-button:focus, .el-button:hover { color: #409EFF; border-color: #c6e2ff; background-color: #ecf5ff } .el-button:active { color: #3a8ee6; border-color: #3a8ee6; outline: 0 } */ .el-button::-moz-focus-inner { border: 0 } .el-button [class*=el-icon-]+span { margin-left: 5px } .el-button.is-plain:focus, .el-button.is-plain:hover { background: #FFF; border-color: #409EFF; color: #409EFF } .el-button.is-active, .el-button.is-plain:active { color: #3a8ee6; border-color: #3a8ee6 } .el-button.is-plain:active { background: #FFF; outline: 0 } .el-button.is-disabled, .el-button.is-disabled:focus, .el-button.is-disabled:hover { color: #C0C4CC; cursor: not-allowed; background-image: none; background-color: #FFF; border-color: #EBEEF5 } .el-button.is-disabled.el-button--text { background-color: transparent } .el-button.is-disabled.is-plain, .el-button.is-disabled.is-plain:focus, .el-button.is-disabled.is-plain:hover { background-color: #FFF; border-color: #EBEEF5; color: #C0C4CC } .el-button.is-loading { position: relative; pointer-events: none } .el-button.is-loading:before { pointer-events: none; content: ''; position: absolute; left: -1px; top: -1px; right: -1px; bottom: -1px; border-radius: inherit; background-color: rgba(255, 255, 255, .35) } .el-button.is-round { border-radius: 20px; padding: 12px 23px } .el-button.is-circle { border-radius: 50%; padding: 12px } .el-button--primary { color: #FFF; background-color: #409EFF; border-color: #409EFF } .el-button--primary:focus, .el-button--primary:hover { background: #66b1ff; border-color: #66b1ff; color: #FFF } .el-button--primary.is-active, .el-button--primary:active { background: #3a8ee6; border-color: #3a8ee6; color: #FFF } .el-button--primary:active { outline: 0 } .el-button--primary.is-disabled, .el-button--primary.is-disabled:active, .el-button--primary.is-disabled:focus, .el-button--primary.is-disabled:hover { color: #FFF; background-color: #a0cfff; border-color: #a0cfff } .el-button--primary.is-plain { color: #409EFF; background: #ecf5ff; border-color: #b3d8ff } .el-button--primary.is-plain:focus, .el-button--primary.is-plain:hover { background: #409EFF; border-color: #409EFF; color: #FFF } .el-button--primary.is-plain:active { background: #3a8ee6; border-color: #3a8ee6; color: #FFF; outline: 0 } .el-button--primary.is-plain.is-disabled, .el-button--primary.is-plain.is-disabled:active, .el-button--primary.is-plain.is-disabled:focus, .el-button--primary.is-plain.is-disabled:hover { color: #8cc5ff; background-color: #ecf5ff; border-color: #d9ecff } .el-button--success { color: #FFF; background-color: #67C23A; border-color: #67C23A } .el-button--success:focus, .el-button--success:hover { background: #85ce61; border-color: #85ce61; color: #FFF } .el-button--success.is-active, .el-button--success:active { background: #5daf34; border-color: #5daf34; color: #FFF } .el-button--success:active { outline: 0 } .el-button--success.is-disabled, .el-button--success.is-disabled:active, .el-button--success.is-disabled:focus, .el-button--success.is-disabled:hover { color: #FFF; background-color: #b3e19d; border-color: #b3e19d } .el-button--success.is-plain { color: #67C23A; background: #f0f9eb; border-color: #c2e7b0 } .el-button--success.is-plain:focus, .el-button--success.is-plain:hover { background: #67C23A; border-color: #67C23A; color: #FFF } .el-button--success.is-plain:active { background: #5daf34; border-color: #5daf34; color: #FFF; outline: 0 } .el-button--success.is-plain.is-disabled, .el-button--success.is-plain.is-disabled:active, .el-button--success.is-plain.is-disabled:focus, .el-button--success.is-plain.is-disabled:hover { color: #a4da89; background-color: #f0f9eb; border-color: #e1f3d8 } .el-button--warning { color: #FFF; background-color: #E6A23C; border-color: #E6A23C } .el-button--warning:focus, .el-button--warning:hover { background: #ebb563; border-color: #ebb563; color: #FFF } .el-button--warning.is-active, .el-button--warning:active { background: #cf9236; border-color: #cf9236; color: #FFF } .el-button--warning:active { outline: 0 } .el-button--warning.is-disabled, .el-button--warning.is-disabled:active, .el-button--warning.is-disabled:focus, .el-button--warning.is-disabled:hover { color: #FFF; background-color: #f3d19e; border-color: #f3d19e } .el-button--warning.is-plain { color: #E6A23C; background: #fdf6ec; border-color: #f5dab1 } .el-button--warning.is-plain:focus, .el-button--warning.is-plain:hover { background: #E6A23C; border-color: #E6A23C; color: #FFF } .el-button--warning.is-plain:active { background: #cf9236; border-color: #cf9236; color: #FFF; outline: 0 } .el-button--warning.is-plain.is-disabled, .el-button--warning.is-plain.is-disabled:active, .el-button--warning.is-plain.is-disabled:focus, .el-button--warning.is-plain.is-disabled:hover { color: #f0c78a; background-color: #fdf6ec; border-color: #faecd8 } .el-button--danger { color: #FFF; background-color: #F56C6C; border-color: #F56C6C } .el-button--danger:focus, .el-button--danger:hover { background: #f78989; border-color: #f78989; color: #FFF } .el-button--danger.is-active, .el-button--danger:active { background: #dd6161; border-color: #dd6161; color: #FFF } .el-button--danger:active { outline: 0 } .el-button--danger.is-disabled, .el-button--danger.is-disabled:active, .el-button--danger.is-disabled:focus, .el-button--danger.is-disabled:hover { color: #FFF; background-color: #fab6b6; border-color: #fab6b6 } .el-button--danger.is-plain { color: #F56C6C; background: #fef0f0; border-color: #fbc4c4 } .el-button--danger.is-plain:focus, .el-button--danger.is-plain:hover { background: #F56C6C; border-color: #F56C6C; color: #FFF } .el-button--danger.is-plain:active { background: #dd6161; border-color: #dd6161; color: #FFF; outline: 0 } .el-button--danger.is-plain.is-disabled, .el-button--danger.is-plain.is-disabled:active, .el-button--danger.is-plain.is-disabled:focus, .el-button--danger.is-plain.is-disabled:hover { color: #f9a7a7; background-color: #fef0f0; border-color: #fde2e2 } .el-button--info { color: #FFF; background-color: #909399; border-color: #909399 } .el-button--info:focus, .el-button--info:hover { background: #a6a9ad; border-color: #a6a9ad; color: #FFF } .el-button--info.is-active, .el-button--info:active { background: #82848a; border-color: #82848a; color: #FFF } .el-button--info:active { outline: 0 } .el-button--info.is-disabled, .el-button--info.is-disabled:active, .el-button--info.is-disabled:focus, .el-button--info.is-disabled:hover { color: #FFF; background-color: #c8c9cc; border-color: #c8c9cc } .el-button--info.is-plain { color: #909399; background: #f4f4f5; border-color: #d3d4d6 } .el-button--info.is-plain:focus, .el-button--info.is-plain:hover { background: #909399; border-color: #909399; color: #FFF } .el-button--info.is-plain:active { background: #82848a; border-color: #82848a; color: #FFF; outline: 0 } .el-button--info.is-plain.is-disabled, .el-button--info.is-plain.is-disabled:active, .el-button--info.is-plain.is-disabled:focus, .el-button--info.is-plain.is-disabled:hover { color: #bcbec2; background-color: #f4f4f5; border-color: #e9e9eb } .el-button--text, .el-button--text.is-disabled, .el-button--text.is-disabled:focus, .el-button--text.is-disabled:hover, .el-button--text:active { border-color: transparent } .el-button--medium { padding: 10px 20px; font-size: 14px; border-radius: 4px } .el-button--mini, .el-button--small { font-size: 12px; border-radius: 3px } .el-button--medium.is-round { padding: 10px 20px } .el-button--medium.is-circle { padding: 10px } .el-button--small, .el-button--small.is-round { padding: 9px 15px } .el-button--small.is-circle { padding: 9px } .el-button--mini, .el-button--mini.is-round { padding: 7px 15px } .el-button--mini.is-circle { padding: 7px } .el-button--text { color: #409EFF; background: 0 0; padding-left: 0; padding-right: 0 } /* .el-button--text:focus, .el-button--text:hover { color: #66b1ff; border-color: transparent; background-color: transparent } .el-button--text:active { color: #3a8ee6; background-color: transparent } */ .el-button-group { display: inline-block; vertical-align: middle } .el-button-group::after, .el-button-group::before { display: table; content: "" } .el-button-group::after { clear: both } .el-button-group>.el-button { float: left; position: relative } .el-button-group>.el-button+.el-button { margin-left: 0 } .el-button-group>.el-button:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0 } .el-button-group>.el-button:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0 } .el-button-group>.el-button:first-child:last-child { border-radius: 4px } .el-button-group>.el-button:first-child:last-child.is-round { border-radius: 20px } .el-button-group>.el-button:first-child:last-child.is-circle { border-radius: 50% } .el-button-group>.el-button:not(:first-child):not(:last-child) { border-radius: 0 } .el-button-group>.el-button:not(:last-child) { margin-right: -1px } .el-button-group>.el-dropdown>.el-button { border-top-left-radius: 0; border-bottom-left-radius: 0; border-left-color: rgba(255, 255, 255, .5) } .el-button-group .el-button--primary:first-child { border-right-color: rgba(255, 255, 255, .5) } .el-button-group .el-button--primary:last-child { border-left-color: rgba(255, 255, 255, .5) } .el-button-group .el-button--primary:not(:first-child):not(:last-child) { border-left-color: rgba(255, 255, 255, .5); border-right-color: rgba(255, 255, 255, .5) } .el-button-group .el-button--success:first-child { border-right-color: rgba(255, 255, 255, .5) } .el-button-group .el-button--success:last-child { border-left-color: rgba(255, 255, 255, .5) } .el-button-group .el-button--success:not(:first-child):not(:last-child) { border-left-color: rgba(255, 255, 255, .5); border-right-color: rgba(255, 255, 255, .5) } .el-button-group .el-button--warning:first-child { border-right-color: rgba(255, 255, 255, .5) } .el-button-group .el-button--warning:last-child { border-left-color: rgba(255, 255, 255, .5) } .el-button-group .el-button--warning:not(:first-child):not(:last-child) { border-left-color: rgba(255, 255, 255, .5); border-right-color: rgba(255, 255, 255, .5) } .el-button-group .el-button--danger:first-child { border-right-color: rgba(255, 255, 255, .5) } .el-button-group .el-button--danger:last-child { border-left-color: rgba(255, 255, 255, .5) } .el-button-group .el-button--danger:not(:first-child):not(:last-child) { border-left-color: rgba(255, 255, 255, .5); border-right-color: rgba(255, 255, 255, .5) } .el-button-group .el-button--info:first-child { border-right-color: rgba(255, 255, 255, .5) } .el-button-group .el-button--info:last-child { border-left-color: rgba(255, 255, 255, .5) } .el-button-group .el-button--info:not(:first-child):not(:last-child) { border-left-color: rgba(255, 255, 255, .5); border-right-color: rgba(255, 255, 255, .5) } @font-face { font-family: "icon-phone"; src: url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAANsAAsAAAAAB1QAAAMdAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCCcAqCTIIiATYCJAMICwYABCAFhG0HQhtaBsgOJUGRwADgAUBBPDyNuffvbhviFtfRLBqKeIhETxAbKdC9BObL85sPeb6sypO47UsnSx1Oom9gupCP+2rE4bQpPv+8y3GsSWNt6gKMAymgvTHawgUUGMcNYxe4hNMEmowp4LbVNTABfBXWpEDc0qQR+Oa0Skt6aBCqNSuLeANeGtKL+3XAa/j5+FMWviSVzMraPe+0gJbPBjvKY55rHo1PALz5zGDryFgBFOKw1rrNIw6s8NCkBTxNAftKDz4bXC6fu9sfHkFUWaktYARy74nn8m+VPYFCZy4A96NeTp4simWlTZFLz9bsu5MZs+dMzDUpdd3FjJMV950yp1O+51b1MUnmv/Vk7H1pUpLkJ/JX7Ile78zyXxoZuTTH+btHs7Y7i1Zvyc7eExOzuih6f97yaPOyyIIoSZqI7HrglJWsPBotW74mRr5i20VtXnvPZA+02p/m7fxy4+f82Yt+4bV89x5t/M06OxbnJbk6Vdwb93lDk2K0W7jsdu1A2l0DpdTvrVfE+h5+GBd1RKVd4VY6bvm0ZMV/c+yFnu6tkqE5yLhravvZdLzn+/Hl1r46/1CyQLkpyO79sUXXMXciPdXQMreYqcNb6aKt3aAFufKLR+Tv/476nZ7RhzT8820u4OPbxpRQXfSzAw03aQt+Nq9nQ9EFli4VlVcbSS54vERZkyb8w84uz8cqe98sEhr0vp+9ZjRF1mCGWKgrqGhWR1WDVTRZ1r2+WTeBhyiNWLIYIHQ4gKTNO7ION4iF+gwVfb6hqiM80OQ4InZsNhe0f7uAjBhZoGk6pM02K+EYsH+UPoZIkTMKWUFIkyHBQbthaVFJMdyNrEiYY45jClmGMQEJwcbDLnAe4jgbtAs2BplxEYWxva64mKi7UpHZxgN/mwSIEYZYQCbTQTQzGyvCb435l94/BiGJOEZCS12NUwYRONDdQ6WKlPQgdkutveru5RKHKUhlMIwAEQQ2PKgLmBHODthA9vphDMQMK0KN8NnVKUbNiL7SovXl/NdtgyaWKoXdKxs4QSbaaJ0mulGEWEiJtJNnQjSBrAAAAAAA') format('woff2'); } .icon-phone { font-family: "icon-phone" !important; font-size: var(--groot-ui-font-size-l); font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-phone::before { content: "\e63c"; } @font-face { font-family: "h5-phone"; src: url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAANQAAsAAAAABwgAAAMBAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCCcAqCDIF4ATYCJAMICwYABCAFhG0HNRsjBsiusCnDvUhA2+k9BkECkfJtxPBuFw9fY/87d3e/ahI3PKok1dJIXgqUQmQIybNPJ76/5t5egXhVETjN3wDPZlNQRPqAwLM8dk2O0J6ubJIhMvfCHSC0LuFTrdf/AOx8feLe8R9LbNQDymnMYXvwvyigLrA00L0sCiTgAsW4YewCl3CbQL0+2dyOHOseBl+FtSgQD+7yDPjm/EpLZ6gVqmt2FvESqtSm5+7jRfj9+GcpakmqMqvn5K0WF9T/PLJrcse56gfh7XxRsH1kzACFOFsbP84jLs7wUK8VPQ2BfXUGP/9X+Prd/vAIoprV3gh6oP6eDK7xVtsTKPH4aeDJqPcgzWKeuBEd/cSZ6z51PibmpXPeGT4ReSP9RmTk4ecR+/fYekzM6YT7CadjPo46TvX1DzZ6G3kh+0565ImYwz+jzpex8K/E3M96WnY65pXdYA8/tDc/b3hEbp18urr6dEJK29u74Gu1sb6vJci4dvCqqWL3qJZ6+sKF06lacw2MvDt+d9K8m46eqG8scfm+SSPmCXdyZ/7+82hrBNhLM9bjBw8eWzMTLIy8D8vvrbX/HAh5r3ZuSetrMzO+6xLUA5VT8lH2Tz/mY9OnP3Mh1ftSwI/p7qtQ108okAS195MI/qu1zDKUopssfyqqtqU9kJwelU+otzNUstLtfox1d71ENNTmDAxJjV5ktUaIwsygSoMVVKu1j3rT2vY36EB4iFKHKdsAodVjJM0+IGv1gSjMd1Tp9h/VWiOj3vmIOLHBWNytb3qGGYpdaGEFiayucU6I+kedg5i3FIZkTaE4iokpZlBBbn6x0oY1TOZYYy7yhZRyiCO6ilrBfVhRdGQQXcIszRUoNSrz8ri6F+Wyugr+DiMwBoW5IAtWICKWTsP5oyn/0ucHYTyLgkFaFDXNURhhEidHCuTK70G02bVeint5xrSIV4iiOAiH0KmQVjANUyh0iFE/TYKxqFzCiLyhUp49iOtrz13fqX5AHevD8qSwN2YNN+4ymmAx+QVz+QAAAAA=') format('woff2'); } .h5-phone { font-family: "h5-phone" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .h5-phone::before { content: "\e6f7"; } @font-face { font-family: "icon-pencil"; src: url('data:application/font-woff;base64,d09GRgABAAAAAARoAAsAAAAABqwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFY9LkiqY21hcAAAAYAAAABLAAABcOfgt9JnbHlmAAABzAAAALQAAAC0TbcVjWhlYWQAAAKAAAAALQAAADYYsBGbaGhlYQAAArAAAAAcAAAAJAfeA4NobXR4AAACzAAAAAgAAAAICAAAAGxvY2EAAALUAAAABgAAAAYAWgAAbWF4cAAAAtwAAAAgAAAAIAEQAEBuYW1lAAAC/AAAAUUAAAJtPlT+fXBvc3QAAAREAAAAIQAAADLH29CqeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkYWCcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGBye7Xi2g7nhfwNDDHMDQwNQmBEkBwD55Q1TeJxjYGBgZWBgYAZiHSBmYWBgDGFgZAABP6AoI1icmYELLM7CoARWwwISf7bj/38YCeSzgEkGRjaGUcADJmWgPHBYQTADIwDq6QxJAAAEAAAAAAOgAv4AFAAgACsAMwAAAR4BFAYHAQ4BDwEiJjU3PgE3ATYyEzYWBiMhLgE/ATYzAwEOAQcVMz4BNwEnFzc2JicuAQMVHiAgHv68JFwzlhIZAQEmJAFEQKikExMTE/6jDQgKExcdXP7qGBoBayI9GAEXgq8GIAMjJmMCwB5MVEwe/r4kJgEBGRGXM1wkAUI+/U8BISABFwgPEQIK/usYPiJqARkYARXesAYmXyQkAXicY2BkYGAA4m0ZF6/E89t8ZeBmYQCBWyeeXUCmWRiY/gEpDgYmEA8AbVoMMgAAAHicY2BkYGBu+N/AEMPCAAJAkpEBFTABAEcIAmsEAAAABAAAAAAAAAAAWgAAAAEAAAACADQABAAAAAAAAgAAAAoACgAAAP8AAAAAAAB4nGWPTU7DMBCFX/oHpBKqqGCH5AViASj9EatuWFRq911036ZOmyqJI8et1ANwHo7ACTgC3IA78EgnmzaWx9+8eWNPANzgBx6O3y33kT1cMjtyDRe4F65TfxBukF+Em2jjVbhF/U3YxzOmwm10YXmD17hi9oR3YQ8dfAjXcI1P4Tr1L+EG+Vu4iTv8CrfQ8erCPuZeV7iNRy/2x1YvnF6p5UHFockikzm/gple75KFrdLqnGtbxCZTg6BfSVOdaVvdU+zXQ+ciFVmTqgmrOkmMyq3Z6tAFG+fyUa8XiR6EJuVYY/62xgKOcQWFJQ6MMUIYZIjK6Og7VWb0r7FDwl57Vj3N53RbFNT/c4UBAvTPXFO6stJ5Ok+BPV8bUnV0K27LnpQ0kV7NSRKyQl7WtlRC6gE2ZVeOEXpc0Yk/KGdI/wAJWm7IAAAAeJxjYGKAAC4G7ICJkYmRmYEjKTMxPyUxz5CBAQAXKQMdAAAA') format('woff'); } .icon-pencil { font-family: "icon-pencil" !important; font-size: var(--groot-ui-font-size-l); font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-pencil::before { content: "\e6b8"; } @font-face { font-family: "icon-chat"; src: url('data:application/font-woff;base64,d09GRgABAAAAAASgAAsAAAAABxQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFY9I0ifY21hcAAAAYAAAABLAAABcOfVt7FnbHlmAAABzAAAAO0AAAEgh4Ag82hlYWQAAAK8AAAALwAAADYYg3IqaGhlYQAAAuwAAAAcAAAAJAfeA4NobXR4AAADCAAAAAgAAAAICAAAAGxvY2EAAAMQAAAABgAAAAYAkAAAbWF4cAAAAxgAAAAgAAAAIAERAGpuYW1lAAADOAAAAUUAAAJtPlT+fXBvc3QAAASAAAAAHwAAADDpq3l9eJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkYWCcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGByerX22lrnhfwNDDHMDQwNQmBEkBwD4LQ09eJxjYGBgZWBgYAZiHSBmYWBgDGFgZAABP6AoI1icmYELLM7CoARWwwISf7b2/38YCeSzgEkGRjaGUcADJmWgPHBYQTADIwDQAwwdAHicZY0xTsQwEEVnPGs7DrC73ngnBZKFgxQLrUSRXRLRgIRERYugouAAQEXHKeg4AseAjop+75IFKxRI0MyfL/3/H0iArzV90gIqOIMLuIQbAAyV0mqCY5xbL9pTDE3btd0JHtlVHet4iDI0XHLpUVtOUT1GHfZTo1j9BIuqbpcNO7X891DXP/to9yxlSuzMOX8RB4M3WWaSxP5OPLpC5XJEiDSSubTT/l1umVsUg3vismTL/PZHaZEGgpzUu/3D9swIfa/NLA16fPVxGhLgikjmqnCba+eUkZQA+lwcDzSizUeMXPHvAfgG/F8m/wAAAHicY2BkYGAA4v9+S17F89t8ZeBmYQCBW5vERRD0/1ssDMzaQC4HAxNIFAA4qQoPAHicY2BkYGBu+N/AEMPCAAJAkpEBFTABAEcIAmsEAAAABAAAAAAAAAAAkAAAAAEAAAACAF4ABQAAAAAAAgAAAAoACgAAAP8AAAAAAAB4nGWPTU7DMBCFX/oHpBKqqGCH5AViASj9EatuWFRq911036ZOmyqJI8et1ANwHo7ACTgC3IA78EgnmzaWx9+8eWNPANzgBx6O3y33kT1cMjtyDRe4F65TfxBukF+Em2jjVbhF/U3YxzOmwm10YXmD17hi9oR3YQ8dfAjXcI1P4Tr1L+EG+Vu4iTv8CrfQ8erCPuZeV7iNRy/2x1YvnF6p5UHFockikzm/gple75KFrdLqnGtbxCZTg6BfSVOdaVvdU+zXQ+ciFVmTqgmrOkmMyq3Z6tAFG+fyUa8XiR6EJuVYY/62xgKOcQWFJQ6MMUIYZIjK6Og7VWb0r7FDwl57Vj3N53RbFNT/c4UBAvTPXFO6stJ5Ok+BPV8bUnV0K27LnpQ0kV7NSRKyQl7WtlRC6gE2ZVeOEXpc0Yk/KGdI/wAJWm7IAAAAeJxjYGKAAC4G7ICJkYmRmYGtKrOiNM+QgQEAENACiwA=') format('woff'); } .icon-chat { font-family: "icon-chat" !important; font-size: var(--groot-ui-font-size-l); font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-chat::before { content: "\e6ad"; } @font-face { font-family: "icon-loading"; src: url('data:application/font-woff;base64,d09GRgABAAAAAARgAAsAAAAABvQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFaLTpa3Y21hcAAAAYAAAABLAAABcDXroflnbHlmAAABzAAAAK4AAAD8loEBaWhlYWQAAAJ8AAAALwAAADYYhySPaGhlYQAAAqwAAAAcAAAAJAfeA4NobXR4AAACyAAAAAgAAAAICAAAAGxvY2EAAALQAAAABgAAAAYAfgAAbWF4cAAAAtgAAAAgAAAAIAEUAFpuYW1lAAAC+AAAAUUAAAJtPlT+fXBvc3QAAARAAAAAIAAAADHW7slteJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkYWCcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGBxMjpocZW7438AQw9zAMAUozAiSAwDfbQwdeJxjYGBgZWBgYAZiHSBmYWBgDGFgZAABP6AoI1icmYELLM7CoARWwwISNzn6/z+MBPJZwCQDIxvDKOABkzJQHjisIJiBEQBUmAm1AHicY+BgYPifw3yAWYeBm0GcQYFBk8GIwZrBhcGXgYHRjtFcjlGcj5Fdj5EViS1ux2gkJsKmpMZuYgZhsMJEVGEMZrgaGIOxgdHTzMyTEULyM3qYm3kwMXmYmXusZ1QxUwGiQhVzFSD69wHK//eeESKiyGQWaAZEUYwadhpAxLQGbg6jpxXMGEZGj5vSIH0qX2VAulRCIbxuCI/JWsPcHGjMc3mQERoMDAwANL8qZAAAeJxjYGRgYADic1H5l+P5bb4ycLMwgMCtzR9qEfT/HBYGZh0gl4OBCSQKAFpXC7cAeJxjYGRgYG7438AQw8IAAkCSkQEVMAEARwgCawQAAAAEAAAAAAAAAAB+AAAAAQAAAAIATgAIAAAAAAACAAAACgAKAAAA/wAAAAAAAHicZY9NTsMwEIVf+gekEqqoYIfkBWIBKP0Rq25YVGr3XXTfpk6bKokjx63UA3AejsAJOALcgDvwSCebNpbH37x5Y08A3OAHHo7fLfeRPVwyO3INF7gXrlN/EG6QX4SbaONVuEX9TdjHM6bCbXRheYPXuGL2hHdhDx18CNdwjU/hOvUv4Qb5W7iJO/wKt9Dx6sI+5l5XuI1HL/bHVi+cXqnlQcWhySKTOb+CmV7vkoWt0uqca1vEJlODoF9JU51pW91T7NdD5yIVWZOqCas6SYzKrdnq0AUb5/JRrxeJHoQm5Vhj/rbGAo5xBYUlDowxQhhkiMro6DtVZvSvsUPCXntWPc3ndFsU1P9zhQEC9M9cU7qy0nk6T4E9XxtSdXQrbsuelDSRXs1JErJCXta2VELqATZlV44RelzRiT8oZ0j/AAlabsgAAAB4nGNgYoAALgbsgImRiZGZgT0nPzElMy+dgQEAFCAC+w==') format('woff'); } .icon-loading { font-family: "icon-loading" !important; font-size: var(--groot-ui-font-size-l); font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: var(--groot-ui-color-gray-1); } .icon-loading::before { content: "\34c5"; } @font-face { font-family: "icon-wechat"; src: url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAANMAAsAAAAABygAAAMAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCCcAqCMIIVATYCJAMICwYABCAFhG0HMRs8BsgekiQBgARBxyVUcm8AEVBrZc/uHjwgBlASgwVEYdilUj4vTBygB5JRdIN2VQ5yTh1RgRxktM7mAFUAqqtVwp30qNl+zlXbG3A5/iU+6oBymovG2LQ2BhhvDXBPiyIrpCz2hrELXuBtAvI1C6AzJTW7GBhL2IsCwh6Rp4BxISCRsHRWkG7YmVSEG1Ky0cXoJa5Hnw8/jAxZIqmYXbBgWwoL4j8HOnPiE7kT1sRnnFjOBraPGIMBCWFJo2MevSQxmJ58PaGvHThWbuDzkFwukB72j0cgpNnZhaARSp9J5skfNTsCCRxdDzg26YuRdLeZFx5++l7y8FJ8f188ajptJ6p65k5lZ/HW+YuNhuWLbjWz1Serqh8/lVGP9ffPJdPLtbXFU91VBXfv1yzfvejq2u6aavbuXZHT00d6bP/piScPOh+9ODmQ/eDa2+sm/TNT5VLfcLS2e2JuwU3egE4q9efMq+f/zKoN/tz8H1+3nSiEuOolcVjed/NwNze/05PDaNpD4lCtevtgZ1K1G+NoIJQtIIrodt+L+Msb5/Q+3UcT/pQIWLc+E5c9K2wtHHCjfbRPKKDzQTwg9yF3JamPz/z4x6z6tdS33mrM72xBAj7t+3kbKYe5yN6eM/Cb65Ku3AeSeq6wE1GCjoqAyHqz2iKwmLvl2J5yn1ONVe+UCbKq3syV0ZQhltVJJMxgpBQYjbSs8cg3SNr+AhUwPSHJQ78BgKDUASLFBhArdUckzAdSqv1CWmmIkW9ZqDixQHfYaToZI4ogFtItUGRUSs41E9M4txDxDXIK5xURW4qwVgzD0KCQcjoNKRFeYo22kQ8jhIMcVilgKrgPyeUqqMYqCTEkSCBEHRcczDW9KIhRKYCpyTCEQiAsiNYCEjFUlLigM2FaeX8hhNdAjoI7WuqipRBMSxwfChUkZACRplUOanmUZ7Qa8cIQBAfiYCoKUCqwIXInoQKpm6dJEAYRRJgQU4sTjNpxQ7VB2+sVf7cL8tmmKDgTY5n9SGwWlaEAAA==') format('woff2'); } .icon-wechat { font-family: "icon-wechat" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-wechat::before { content: "\e62d"; } @font-face { font-family: "search-icon"; src: url('data:application/font-woff;base64,d09GRgABAAAAAASEAA0AAAAABqQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAEaAAAABoAAAAck+2noUdERUYAAARIAAAAHgAAAB4AKQAKT1MvMgAAAaAAAABDAAAAVj0VSJFjbWFwAAAB9AAAAD4AAAFCAA/p7mdhc3AAAARAAAAACAAAAAj//wADZ2x5ZgAAAkAAAACYAAAAmPXHe4RoZWFkAAABMAAAADAAAAA2HLlRaWhoZWEAAAFgAAAAHQAAACQG3gOFaG10eAAAAeQAAAAPAAAAEAwAAKVsb2NhAAACNAAAAAoAAAAKAEwAAG1heHAAAAGAAAAAHgAAACABEAA8bmFtZQAAAtgAAAFGAAACgl6CAQJwb3N0AAAEIAAAAB8AAAAx34h563icY2BkYGAAYpeVSrbx/DZfGbhZGEDgzlm2G3B6KQMzcwzTTiCXg4EJJAoAEnUJ13icY2BkYGBu+N/AwMDCAALMMQyMDKiABQBEFgJsAAAAeJxjYGRgYGBhMGBgYgABEMkFhAwM/8F8BgANlAFNAAB4nGNgZGFg/MLAysDA1Ml0hoGBoR9CM75mMGLkAIoysDIzYAUBaa4pDA7PnJ85Mzf8b2CIYb7D0AAUZgTJAQAI3A0hAHicY2GAABYIXgoAASUAsgB4nGNgYGBmgGAZBkYGELAB8hjBfBYGBSDNAoRA/jPn//8hpOQBqEoGRjYGGJOBkQlIMDGgAkaGYQ8AhjIH4wAAAAAAAAAAAAAATAAAAAIApQADA1wCuQAiAC8AAAEyFxYXFhUUBg8BFx4BDwEGIi8BMQ4BByMiJyYnJjQ3Njc2FyIOARQeATI+ATQuAQHSUkdEKCkfHgSSCQIIAwscCZQmWTAMUUdEKCkpKERHUT9pPj5pfWo+PmoCuSkoRUZSMV0nBZIJGwoECgmTHiECKShER6NGRSgpRz5qfWk+Pml9aj4AAAB4nH2QzUrDQBSFz/RPbUHEgutZFUFIf5alu0LduXBR1206SVuSTJhMC126deUDuPUxfACfQXDlg3garwgVmpDLN+fec2YmAC7xCYWfp41rYYVT3AlXcIJYuEr9UbhGfhGuo4U34Qb1D+EmbtRIuIW2emaCqp1x1SnT9qxwgZFwBed4EK5St8I18pNwHVd4FW5QfxduYoov4RY6aokxHAxm8KwLaMyxY10hZG6GqKweGDsz82ah5zu9Cm0W2Yziv6m/1j3jYmyQMNpxaeJNMnNHLUdaU6Y5FBzZtzT6CNCjbFyxspnuB72j9lvaszLi8J4FtjzmgKqnUfNztKekicQYXiEha+Rlb00lpB4w1mTG/f6VYhsPvI905GyqJ9zWJInVubNrE3oOL8s9cgzR5RsdpAfl4VOOeZ8Pu91IAoLQpvgGD2pwhwAAeJxjYGKAAC4wyciADljAokyMTGzF+aXFpfkADEkCzAAAAAAB//8AAgABAAAADAAAABYAAAACAAEAAwADAAEABAAAAAIAAAAAeJxjYGBgZACCW8EzP4DoO2fZbsBoAFPGB8YAAA==') format('woff'); } .icon-search { font-family: "search-icon" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-search::before { content: '\e643'; } @font-face { font-family: "icon-close-dialog"; src: url('data:application/font-woff;base64,d09GRgABAAAAAAPkAAsAAAAABkAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFZBlU0RY21hcAAAAYAAAABLAAABcOxHxQdnbHlmAAABzAAAADAAAAA0AEl8/WhlYWQAAAH8AAAALAAAADYYgvxqaGhlYQAAAigAAAAcAAAAJAfeA4NobXR4AAACRAAAAAgAAAAICAAAAGxvY2EAAAJMAAAABgAAAAYAGgAAbWF4cAAAAlQAAAAeAAAAIAENABhuYW1lAAACdAAAAVAAAAKFsqzUC3Bvc3QAAAPEAAAAHgAAAC/JfXB6eJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkYWCcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGBxey7+WZ27438AQw9zA0AAUZgTJAQDizwwreJxjYGBgZWBgYAZiHSBmYWBgDGFgZAABP6AoI1icmYELLM7CoARWwwISfy3//z+MBPJZwCQDIxvDKOABkzJQHjisIJiBEQCBBgn5AHicY2BkAAJmbabVDNwMDIzq7Ors4uzi5uLm6szatu/e2b5/DyaZ8mAsIAkAEA0Rt3icY2BkYGAA4pCpyq3x/DZfGbhZGEDg1qaYRGSahYFpNZDiYGAC8QACywiPeJxjYGRgYG7438AQw8IAAkCSkQEVMAEARwgCawQAAAAEAAAAAAAAAAAaAAB4nGNgZGBgYGLgYQDRIBYDAxcQMjD8B/MZAAnDASYAAHicbZI9bsJAFIRn+YtipBQJScpsRRGE+SlpUaCMREFvzBqMbK+1XpBIlwPkPDlETpAmN8gdMpiNkBC23vO3s7PjJ9kAbvEDgeN1zzqygMfVkSu4wpPjKvW24xq577iOJkaOG9RfHHvo4NVxE3d4Y4KoXXP1jA/HAi18Oq7gBl+Oq9S/HdfIv47reBDCcQMt8ejYw1x0HDfRFu/e2KjAqqVc7GUc6izSmfUO0A0TXaiZWm2TwJyEE82VKWKdyYHfP4lTlSnzn1fsVkNrIxkZncoJg1WSaJkbvVGh9dfW5qNeL3K6H+qU441hoBDAsi8hscCePUYIjQxR2S19/0qXz4RU0D9jrbDlOmDKJcclbc4ypLjckRjA5ye75JyystJ9Pl+BHd88pGo5o2QZnklJEzexYsohRyIv9zZUQuo+1uWpnL9Gj3d05vfLOdI/OX9y9XicY2BigAAuBuyAiZGJkZmBNTknvziVgQEADPwCMQAA') format('woff'); } .icon-close-dialog { font-family: "icon-close-dialog" !important; font-size: var(--groot-ui-font-size-l); font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-close-dialog::before { content: "\eb1f"; } .flex-pack-justify { -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -moz-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .btn-wrapper-adaptive { width: 100%; } .btn-wrapper-normal { display: inline-block; } .gt-jmy-pc-button-container { margin: 0; padding: 0; box-sizing: border-box; } .gt-jmy-pc-button-container .el-button { font-size: inherit !important; } .gt-jmy-pc-button-container .el-button:not(.btn-three-able)>span { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: -moz-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -moz-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -moz-justify-content: center; -ms-flex-pack: center; justify-content: center; } .gt-jmy-pc-button-container .el-button>span { font-size: var(--groot-ui-font-size-l); } .gt-jmy-pc-button-container .btn-inner-adaptive { width: 100%; } .gt-jmy-pc-button-container .btn-inner-icon { font-size: 18px; } .gt-jmy-pc-button-container .btn-inner-icon-loading { animation: rotating 2s linear infinite; display: inline-block; } .gt-jmy-pc-button-container .btn-inner-icon.icon-wechat { font-size: 22px; } .btn-one-able { border: none; background-color: #3388ff; color: #fff; padding: 0 4px; border-radius: 4px; } .btn-one-disabled { border: none; font-weight: var(--groot-ui-font-weight-1); background-color: var(--groot-ui-color-brand-2); color: var(--button-text-color); padding: 0 var(--groot-ui-spacing-unit-4); border-radius: var(--groot-ui-border-radius-1); } /* .btn-one-disabled:focus, .btn-one-disabled:hover { border: none; font-weight: var(--groot-ui-font-weight-1); background-color: var(--groot-ui-color-brand-2); color: var(--button-text-color); padding: 0 var(--groot-ui-spacing-unit-4); border-radius: var(--groot-ui-border-radius-1); } */ .btn-two-able { box-sizing: border-box; font-weight: var(--groot-ui-font-weight-1); background-color: var(--groot-ui-color-gray-1); color: var(--button-color); padding: 0 var(--groot-ui-spacing-unit-4); border-radius: var(--groot-ui-border-radius-1); border: 1px solid var(--button-color); } .btn-two-able .btn-inner-icon-loading { color: var(--button-color); } /* .btn-two-able:hover { border: none; font-weight: var(--groot-ui-font-weight-1); background-color: var(--button-color); color: var(--button-text-color); padding: 0 var(--groot-ui-spacing-unit-4); border-radius: var(--groot-ui-border-radius-1); } .btn-two-able:hover .btn-inner-icon-loading { color: var(--groot-ui-color-gray-1); } .btn-two-able:focus { box-sizing: border-box; font-weight: var(--groot-ui-font-weight-1); background-color: var(--groot-ui-color-gray-1); color: var(--button-color); padding: 0 var(--groot-ui-spacing-unit-4); border-radius: var(--groot-ui-border-radius-1); border: 1px solid var(--button-color); } .btn-two-able:hover:focus { border: none; font-weight: var(--groot-ui-font-weight-1); background-color: var(--button-color); color: var(--button-text-color); padding: 0 var(--groot-ui-spacing-unit-4); border-radius: var(--groot-ui-border-radius-1); background-color: var(--button-hover-color); } .btn-two-able:hover:focus .btn-inner-icon-loading { color: var(--groot-ui-color-gray-1); } .btn-two-able:active { border: none; font-weight: var(--groot-ui-font-weight-1); background-color: var(--button-color); color: var(--button-text-color); padding: 0 var(--groot-ui-spacing-unit-4); border-radius: var(--groot-ui-border-radius-1); background-color: var(--button-active-color); } .btn-two-able:active .btn-inner-icon-loading { color: var(--groot-ui-color-gray-1); } */ .btn-two-disabled { box-sizing: border-box; font-weight: var(--groot-ui-font-weight-1); background-color: var(--groot-ui-color-gray-1); color: var(--groot-ui-color-brand-2); padding: 0 var(--groot-ui-spacing-unit-4); border-radius: var(--groot-ui-border-radius-1); border: 1px solid var(--groot-ui-color-brand-2); } .btn-two-disabled .btn-inner-icon-loading { color: var(--groot-ui-color-brand-2); } /* .btn-two-disabled:focus, .btn-two-disabled:hover { box-sizing: border-box; font-weight: var(--groot-ui-font-weight-1); background-color: var(--groot-ui-color-gray-1); color: var(--groot-ui-color-brand-2); padding: 0 var(--groot-ui-spacing-unit-4); border-radius: var(--groot-ui-border-radius-1); border: 1px solid var(--groot-ui-color-brand-2); } */ .btn-three-able { border: none; font-weight: var(--groot-ui-font-weight-1); background-color: var(--button-color); color: var(--button-text-color); padding: 0 var(--groot-ui-spacing-unit-4); border-radius: var(--groot-ui-border-radius-1); } .btn-three-able .btn-inner-icon { display: block; margin-bottom: calc(10 * var(--groot-ui-rpx)); } /* .btn-three-able:hover { border: none; font-weight: var(--groot-ui-font-weight-1); background-color: var(--button-color); color: var(--button-text-color); padding: 0 var(--groot-ui-spacing-unit-4); border-radius: var(--groot-ui-border-radius-1); background-color: var(--button-hover-color); } .btn-three-able:focus { border: none; font-weight: var(--groot-ui-font-weight-1); background-color: var(--button-color); color: var(--button-text-color); padding: 0 var(--groot-ui-spacing-unit-4); border-radius: var(--groot-ui-border-radius-1); } .btn-three-able:hover:focus { border: none; font-weight: var(--groot-ui-font-weight-1); background-color: var(--button-color); color: var(--button-text-color); padding: 0 var(--groot-ui-spacing-unit-4); border-radius: var(--groot-ui-border-radius-1); background-color: var(--button-hover-color); } .btn-three-able:active { border: none; font-weight: var(--groot-ui-font-weight-1); background-color: var(--button-color); color: var(--button-text-color); padding: 0 var(--groot-ui-spacing-unit-4); border-radius: var(--groot-ui-border-radius-1); background-color: var(--button-active-color); } */ .btn-three-disabled { border: none; font-weight: var(--groot-ui-font-weight-1); background-color: var(--groot-ui-color-brand-2); color: var(--button-text-color); padding: 0 var(--groot-ui-spacing-unit-4); border-radius: var(--groot-ui-border-radius-1); } .btn-three-disabled .btn-inner-icon { display: block; margin-bottom: calc(10 * var(--groot-ui-rpx)); } /* .btn-three-disabled:focus, .btn-three-disabled:hover { border: none; font-weight: var(--groot-ui-font-weight-1); background-color: var(--groot-ui-color-brand-2); color: var(--button-text-color); padding: 0 var(--groot-ui-spacing-unit-4); border-radius: var(--groot-ui-border-radius-1); } */ .btn-four-able { box-sizing: border-box; font-weight: var(--groot-ui-font-weight-2); color: var(--button-color); padding: 0; border: none; border-radius: 0; background-color: transparent; } .btn-four-able .btn-inner-icon-loading { color: var(--button-color); } /* .btn-four-able:focus, .btn-four-able:hover { box-sizing: border-box; font-weight: var(--groot-ui-font-weight-2); color: var(--button-color); padding: 0; border: none; border-radius: 0; background-color: transparent; border-bottom: 1px solid var(--button-color); } .btn-four-able:active { box-sizing: border-box; font-weight: var(--groot-ui-font-weight-2); color: var(--button-color); padding: 0; border: none; border-radius: 0; background-color: transparent; border-bottom: 1px solid var(--button-color); } */ .btn-four-disabled { box-sizing: border-box; font-weight: var(--groot-ui-font-weight-2); color: var(--groot-ui-color-brand-2); padding: 0; background-color: transparent; } .btn-four-disabled .btn-inner-icon-loading { color: var(--groot-ui-color-brand-2); } /* .btn-four-disabled:focus, .btn-four-disabled:hover { box-sizing: border-box; font-weight: var(--groot-ui-font-weight-2); color: var(--groot-ui-color-brand-2); padding: 0; background-color: transparent; } */ .btn-five-able { border: none; font-weight: var(--groot-ui-font-weight-1); background-color: var(--button-color); color: var(--button-text-color); padding: 0 var(--groot-ui-spacing-unit-4); border-radius: var(--groot-ui-border-radius-1); color: var(--button-color); background-color: var(--groot-ui-color-brand-1); } /* .btn-five-able:hover { border: none; font-weight: var(--groot-ui-font-weight-1); color: var(--button-text-color); padding: 0 var(--groot-ui-spacing-unit-4); border-radius: var(--groot-ui-border-radius-1); background-color: var(--button-hover-color); color: var(--groot-ui-color-gray-1); background-color: var(--button-color); } .btn-five-able:focus { border: none; font-weight: var(--groot-ui-font-weight-1); background-color: var(--button-color); color: var(--button-text-color); padding: 0 var(--groot-ui-spacing-unit-4); border-radius: var(--groot-ui-border-radius-1); color: var(--button-color); background-color: var(--groot-ui-color-brand-1); } .btn-five-able:hover:focus { border: none; font-weight: var(--groot-ui-font-weight-1); color: var(--button-text-color); padding: 0 var(--groot-ui-spacing-unit-4); border-radius: var(--groot-ui-border-radius-1); background-color: var(--button-hover-color); color: var(--groot-ui-color-gray-1); background-color: var(--button-color); } .btn-five-able:active { border: none; font-weight: var(--groot-ui-font-weight-1); background-color: var(--button-color); color: var(--button-text-color); padding: 0 var(--groot-ui-spacing-unit-4); border-radius: var(--groot-ui-border-radius-1); color: var(--button-color); background-color: var(--groot-ui-color-brand-1); background-color: var(--button-active-color); } */ .btn-five-disabled { border: none; font-weight: var(--groot-ui-font-weight-1); background-color: var(--groot-ui-color-brand-2); color: var(--button-text-color); padding: 0 var(--groot-ui-spacing-unit-4); border-radius: var(--groot-ui-border-radius-1); color: var(--groot-ui-color-brand-3); background-color: var(--groot-ui-color-brand-1); } /* .btn-five-disabled:focus, .btn-five-disabled:hover { border: none; font-weight: var(--groot-ui-font-weight-1); background-color: var(--groot-ui-color-brand-2); color: var(--button-text-color); padding: 0 var(--groot-ui-spacing-unit-4); border-radius: var(--groot-ui-border-radius-1); color: var(--groot-ui-color-brand-3); background-color: var(--groot-ui-color-brand-1); } */ @keyframes rotating { 0% { transform: rotateZ(0deg); } 100% { transform: rotateZ(360deg); } } @keyframes show { from { opacity: 0; } to { opacity: 1; } } @keyframes hide { from { opacity: 1; } to { opacity: 0; } } .groot-ui-popover-popper-container { box-sizing: border-box; background-color: var(--groot-ui-color-gray-1); border: 1px solid var(--groot-ui-color-gray-5); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04); border-radius: 0px 0px 2px 2px; z-index: 100; } .groot-ui-popover-popper-container-hidden { animation: hide 0.5s; } .groot-ui-popover-popper-container-show { animation: show 0.5s; } .groot-ui-commom-placeholder { color: var(--groot-ui-color-gray-7); font-size: var(--groot-ui-font-size-l); position: absolute; } .groot-ui-commom-placeholder .required { margin-left: -2px; color: var(--groot-ui-color-warning-5); } @font-face { font-family: "icon-checkmark"; src: url('data:application/font-woff;base64,d09GRgABAAAAAAQAAAsAAAAABkQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFY8qUglY21hcAAAAYAAAABLAAABcOdbtkNnbHlmAAABzAAAAEQAAABEgC1q3mhlYWQAAAIQAAAALQAAADYYYJTqaGhlYQAAAkAAAAAcAAAAJAfeA4NobXR4AAACXAAAAAgAAAAICAAAAGxvY2EAAAJkAAAABgAAAAYAIgAAbWF4cAAAAmwAAAAeAAAAIAENAB5uYW1lAAACjAAAAVQAAAJ56r/6GnBvc3QAAAPgAAAAHwAAADDG9WpweJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkYWCcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGByeGT8zZm7438AQw9zA0AAUZgTJAQDlHQxJeJxjYGBgZWBgYAZiHSBmYWBgDGFgZAABP6AoI1icmYELLM7CoARWwwISf2b8/z+MBPJZwCQDIxvDKOABkzJQHjisIJiBEQCloAo1AAABAAAAAAObAp0AEQAAJSIvASY0NjIfAQE2MhYUBwEGAaEZFP0SJjIU0AGNFDImEv5GFGIS/hQyJxPRAY8TJjMT/kMSeJxjYGRgYADiv7P/Lonnt/nKwM3CAAK3FmqsQKZZGJjmAikOBiYQDwBL+gotAAAAeJxjYGRgYG7438AQw8IAAkCSkQEVMAEARwgCawQAAAAEAAAAAAAAAAAiAAB4nGNgZGBgYGIQYgDRIBYDAxcQMjD8B/MZAApZASwAAHicbZE9TsNAFITH+UNxBEUQlLANFCA5Pw1SSiIlBV2K9MlmbSexvdZ6EylH4DycgRPQ03EGWgZnSZFga5+/mX0eP2sBtPEJD/vrimvPHppUe67gDDeOq/TvHNfIgeM6Wnhy3KD/7NjHI14ct3CJLRO8WpPqAa+OPc7w5riCC7w7rtL/cFwjfzmu4xrfjhtoe+eOfUy9W8ct3Hsbf2jUzKqFmO/EUuos1Jn1ZazkOp2Z9URFm2RmDvoAU2WKpc5EL+gevLHKlPnLKrZR39pQhEanYsRQlSRa5EavlLRBbG0+6HRC5wdSpxxtCAOFGSzrAgJz7FiXkNDIEJbVsk8iZofEGim7DZ8T6ggbJKU+3T91ptQGBdN/UwV6PKbuP31j6qzsPZ6r4EFF6NO1nE1wGWalpJGbVHGehCyQl3urMtvyS3H5Vo4BOrzDo/6g/OP0BwvrcXZ4nGNgYoAALgbsgImRiZGZgS2lNDMjMZ+BAQAQXwKWAA==') format('woff'); } .icon-checkmark { font-family: "icon-checkmark" !important; font-size: var(--groot-ui-font-size-l); font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-checkmark:before { content: "\E633"; } @font-face { font-family: "icon-radio"; src: url('data:application/font-woff;base64,d09GRgABAAAAAARcAAsAAAAAByQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFY8oEgdY21hcAAAAYAAAABRAAABfn8V6tNnbHlmAAAB1AAAAH0AAADs6DIcz2hlYWQAAAJUAAAALwAAADYYZABxaGhlYQAAAoQAAAAcAAAAJAfeA4RobXR4AAACoAAAAAwAAAAMDAAAAGxvY2EAAAKsAAAACAAAAAgAMgB2bWF4cAAAArQAAAAfAAAAIAERADFuYW1lAAAC1AAAAVEAAAKFwaSbBXBvc3QAAAQoAAAAMQAAAEYnlpqreJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkYWCcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGByeaT3TZm7438AQw9zA0AAUZgTJAQDjyAw4eJztkLkNgEAMBMc+Q4AogwABxRBd/xFtHH4og5VmpF05MjABzbkcA+kIkdtXyb2x5G5seWOxP+cY7iPs3dLqmvmzpvevafypqM8V6As42wxNAAAAeJxjYGJg+N/AwsDcwMDNIM7AwMjHyC7HKG7HaK7HqC7GIM7GwK7GoG7GwMSw9SMr68etEPIWoyIr67/7t279u8/KyqjIrA2X2foxCkniFlAhAwMDC4odEgwquO1hVzRUEDQUgJB4LVVjZGBk+A+EeG3/DVIBUgkEAJYtRtMAAAB4nGNgZGBgAOK2rxuM4vltvjJwszCAwK1FcVYI+n8DCwNzA5DLwcAEEgUAMtMKRgB4nGNgZGBgbvjfwBDDwgACQJKRARUwAwBHCQJsBAAAAAQAAAAEAAAAAAAAAAAyAHZ4nGNgZGBgYGZQZWBhAAEmIOYCQgaG/2A+AwAMlAFDAHicbZJNbsIwFITH/FUNUhctbZf1ikUR4WfJFhWWlViwD8GBoCSOHINEdz1Az9ND9ATd9Aa9Q6fBCAmRyE+fx/OeR0oA3OIHAofnnuvAAh53B67gCk+Oq9TbjmvkvuM6mhg5blB/ceyhg1fHTdzhjRNE7Zq7Z3w4Fmjh03EFN/hyXKX+7bhG/nVcx4MQjhtoiUfHHuai47iJtnj3xkYFVi3lYi/jUGeRzqz3D10TLGM9U6ttEpiTcKK5MkWsMznw+ydxqjJljvOK3WpobSQjo1M54WCVJFrmRm9UaP21tfmo14uc7oc6ZbwxDBQCWNYlJBbYs8YIoZEhKqul76h06Q/ojLmbsWeFLRIq5qLjkjZnl0FRcsa7BvD5yS45p3Rmpfs8X4Edbx5StcwouQz9KWniEiumSsgSeXm2oRJS97Euu3L+Gj2+0ZnfL3Okf/2Ycr0AAAB4nGNgYoAALgbsgJmRiZGZkYWBpygxJTNfNy+/KDcxhxfCSc5ITc5OTWFgAACfnQn9AAAA') format('woff'); } .icon-radio-normal, .icon-radio-checked { font-family: "icon-radio" !important; font-size: 1px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-radio-normal:before { content: "\E62A"; } .icon-radio-checked:before { content: "\E62B"; } @font-face { font-family: "icon-checkbox"; src: url('data:application/font-woff;base64,d09GRgABAAAAAASAAAsAAAAABzgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFY8tUhFY21hcAAAAYAAAABWAAABhmYU0UtnbHlmAAAB2AAAAI8AAADMseaWF2hlYWQAAAJoAAAALgAAADYYZBg+aGhlYQAAApgAAAAcAAAAJAfeA4RobXR4AAACtAAAAAwAAAAMDAAAAGxvY2EAAALAAAAACAAAAAgAOgBmbWF4cAAAAsgAAAAeAAAAIAEPACxuYW1lAAAC6AAAAV4AAAKp/cqjlHBvc3QAAARIAAAAOAAAAE1uRagxeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkYWCcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGBye2T8LZm7438AQw9zA0AAUZgTJAQDoeQx1eJztkMERgCAMBDeAPBwL8WEPFsHHl+XTBl6CduHNbC65wCfAAmRxiAJ2Y7gupRZ5Zo28xJsqN1I/exsDPpdMuypP/s8qv7ao+zslv9Yk+jbBHvq/D44AAHicY2BiAALmBmYGBn4GeQYGRkU+RnZBOUZxRTtGc0E9RmEgV1GPUV0QyFUECjPd++fiGs3EFO3KuAdMmzC6mPxzMXFhBNKMe4A0MwNQElnR3yVIskCagQFo5///UDtFMe1kVDcXZxRn1v67SsWAkdFAhSkMTP+LuWYzi9HFhpkBKIYs93fNVZCENQDOoigpAHicY2BkYGAAYvl1Uw3j+W2+MnCzMIDArUVZigj6/38WBmYQl4OBCUQBAA66CWEAAHicY2BkYGBu+N/AEMPCAAJAkpEBFTADAEcJAmwEAAAABAAAAAQAAAAAAAAAADoAZnicY2BkYGBgZlBgYGIAARDJBYQMDP/BfAYAC+kBPAAAeJx9j81OwkAUhU/5M5boQqMLNk5cmKih/CS6YEsCO01YsHEFZUqBttMMA4EX8B18AJ/E59AX8CU8lGEBibSZ2++ee+6dWwAX+IGD7XPFs2UHZ8y2nMMJbi3nqd9bLpCfLRdRRttyifqLZRePeLNcxiXeOcEpnDJ7wIdlBxV8Wc7hHN+W89R/LRdQcYqWi7h2biyXqD9ZdtF3Xi2Xced8um0tB0aOxHAtJr5KApUYdwNVP5T+bKhWPTleRAO9p+0lfannE5WIhlff07sykXo3e74cN40JRKBVLDq8REaREqlWU+kbLzQmbdVqgdU9X8VctQ0NiQEM4wgCQ6wZJ/ChkCDIoqFvp1T5Den1MaNXYYUeszEWiDhFH/H9X+kz05jTsakLNOChfsTfZZZkPYd7z7HkLk2qhrsLHs2OmNSxfyK5Z0QWSLPaNJtseGOYdaVoocY3OPB72TbxH7XJfLAAAHicY2BigAAuBuyAmZGJkZmRhUE8rbSiNDEvG4jTy1MzQeyqjPy8dM7kjNTkbN2k/AoGBgANxA2E') format('woff'); } .icon-checkbox-normal, .icon-checkbox-checked { font-family: "icon-checkbox" !important; font-size: var(--groot-ui-font-size-l); font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-checkbox-normal:before { content: "\E653"; } .icon-checkbox-checked:before { content: "\E63F"; } .groot-ui-common-option { position: relative; box-sizing: border-box; width: 100%; height: calc(40 * var(--groot-ui-rpx)); line-height: calc(40 * var(--groot-ui-rpx)); padding-left: calc(20 * var(--groot-ui-rpx)); padding-right: calc(8 * var(--groot-ui-rpx)); color: var(--groot-ui-color-gray-9); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -khtml-user-select: none; user-select: none; } .groot-ui-common-option .checked-icon { position: absolute; right: calc(10 * var(--groot-ui-rpx)); } .groot-ui-common-option:hover { background-color: var(--groot-ui-color-gray-2); } .groot-ui-common-option .icon-radio-normal, .groot-ui-common-option .icon-checkbox-normal { color: var(--groot-ui-color-gray-6); } .groot-ui-common-option .icon-radio-checked, .groot-ui-common-option .icon-checkbox-checked { color: var(--groot-ui-color-brand-6); } .groot-ui-common-option.has-checked-icon { padding-right: calc(20 * var(--groot-ui-rpx)); } .groot-ui-common-option-skin-button, .groot-ui-common-option-skin-radio, .groot-ui-common-option-skin-checkbox { display: inline-block; width: unset; height: calc(60 * var(--groot-ui-rpx)); line-height: calc(60 * var(--groot-ui-rpx)); } .groot-ui-common-option-skin-button { background-color: var(--groot-ui-color-gray-3); } .groot-ui-common-option-skin-button>span { font-size: var(--groot-ui-font-size-l); } .groot-ui-common-option-skin-radio:hover, .groot-ui-common-option-skin-checkbox:hover { background-color: transparent; } .groot-ui-common-option-skin-button.groot-ui-common-option-checked { background-color: var(--groot-ui-color-brand-1); color: var(--groot-ui-color-brand-6); position: relative; } .groot-ui-common-option-skin-button.groot-ui-common-option-checked .icon-checkmark { position: absolute; right: 6px; top: 2px; line-height: 20px; font-weight: 700; transform: scale(0.6); } .groot-ui-common-option-checked-skin-background { color: var(--groot-ui-color-brand-6); } .groot-ui-common-option-checked-skin-checkmark .icon-checkmark { float: right; color: var(--groot-ui-color-brand-6); font-size: var(--groot-ui-font-size-s); font-weight: 700; } @font-face { font-family: "icon-arrow"; src: url('data:application/font-woff;base64,d09GRgABAAAAAAQEAAsAAAAABlgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFY8kEgMY21hcAAAAYAAAABLAAABcOdCtfhnbHlmAAABzAAAAEgAAABI1VbfUmhlYWQAAAIUAAAALAAAADYYYJGYaGhlYQAAAkAAAAAcAAAAJAfeA4NobXR4AAACXAAAAAgAAAAICAAAAGxvY2EAAAJkAAAABgAAAAYAJAAAbWF4cAAAAmwAAAAeAAAAIAENAB1uYW1lAAACjAAAAVIAAAKF/swGFnBvc3QAAAPgAAAAIgAAADNH5+LxeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkYWCcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGByeST2TYm7438AQw9zA0AAUZgTJAQDhNQwXeJxjYGBgZWBgYAZiHSBmYWBgDGFgZAABP6AoI1icmYELLM7CoARWwwISfyb1/z+MBPJZwCQDIxvDKOABkzJQHjisIJiBEQBofgnRAAABAAAAAAPIAoEAEAAAJQEmNDYyFwkBNjIWFAcBBiIB2P5xESItEgFnAWcSLSIR/nERLpABkBEtIhD+mAFoECItEf5wEAAAAHicY2BkYGAAYs01Ql/j+W2+MnCzMIDArYXqvMg0CwNTI5DiYGAC8QDwyQd8eJxjYGRgYG7438AQw8IAAkCSkQEVMAEARwgCawQAAAAEAAAAAAAAAAAkAAB4nGNgZGBgYGIQZADRIBYDAxcQMjD8B/MZAApAASsAAHicbZJLbsIwGITHPFo1SF20tF3WKxZFhMeSLSosK7FgH4LDQ0kcOQZEdz1Az9ND9ATd9Aa9Q4dghISI5V+f55/fGSkBcIdfCByeB+4DC3g8HbiEazw7LlNvOK6QO46rqKHv+Ir6q2MPTbw5ruEe77xBVG54esGnY4E6vhyXcItvx2XqP44r5D/HVTwK4fgKdfHk2MNENB3X0BAf3sCowKqZnO7kMtRppFPr7aEVGKO3YzVfx4E5CSeaKJMvdSq7fuckjlSqzPG+fDPvWRvJyOhEDnmximMtM6NXKrT+wtqs325HTvdDnTDeAAYKASzrDBJT7FiXCKGRIiqqpe+otOg1XBpbjDkzxxpxoV1yXNImnDLI2dt3JLrw+ckuOUd0poX7PF+ODd/co2qZUXLvJxLS0CVWTBWTJbKit6ISUvexKKYy/hptrujM7xc5kn/s43OdAAB4nGNgYoAALgbsgImRiZGZgTOxqCi/PCW/PI+BAQAeOAQCAAA=') format('woff'); } .icon-arrow-down, .icon-arrow-left, .icon-arrow-right { font-family: "icon-arrow" !important; font-size: var(--groot-ui-font-size-l); font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-arrow-down:before, .icon-arrow-left:before, .icon-arrow-right:before { content: '\E61A'; } .icon-arrow-left { display: inline-block; transform: rotate(90deg); } .icon-arrow-right { display: inline-block; transform: rotate(-90deg); } .icon-arrow-top { display: inline-block; transform: rotate(180deg); } .icon-arrow-double-left, .icon-arrow-double-right { font-family: "icon-arrow" !important; font-size: var(--groot-ui-font-size-l); font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-arrow-double-left:before, .icon-arrow-double-right:before { content: '\E61A'; display: inline-block; } .icon-arrow-double-left:after, .icon-arrow-double-right:after { content: '\E61A'; display: inline-block; } .icon-arrow-double-left:before { transform: rotate(90deg); position: relative; left: 0px; } .icon-arrow-double-left:after { transform: rotate(90deg); position: relative; left: -10px; } .icon-arrow-double-right:before { transform: rotate(-90deg); position: relative; left: 0px; } .icon-arrow-double-right:after { transform: rotate(-90deg); position: relative; left: -10px; } .groot-ui-select { position: relative; display: inline-block; box-sizing: border-box; line-height: calc(60 * var(--groot-ui-rpx)); min-width: calc(350 * var(--groot-ui-rpx)); width: 100%; min-height: calc(60 * var(--groot-ui-rpx)); padding-left: calc(20 * var(--groot-ui-rpx)); background-color: var(--groot-ui-color-gray-3); cursor: pointer; color: var(--groot-ui-color-gray-9); border-radius: var(--groot-ui-border-radius-1); -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -khtml-user-select: none; user-select: none; } .groot-ui-select .value-label { color: var(--groot-ui-color-gray-10); font-size: var(--groot-ui-font-size-l); } .groot-ui-select:hover { background-color: var(--groot-ui-color-gray-4); } .groot-ui-select-skin-error, .groot-ui-select-skin-error:hover { background-color: var(--groot-ui-color-error-1); } .groot-ui-select .icon { float: right; margin-top: calc(37 * var(--groot-ui-rpx)); margin-right: calc(20 * var(--groot-ui-rpx)); color: var(--groot-ui-color-gray-7); width: calc(20 * var(--groot-ui-rpx)); height: calc(20 * var(--groot-ui-rpx)); font-size: var(--groot-ui-font-size-s); line-height: calc(20 * var(--groot-ui-rpx)); text-align: center; transition: transform 0.3s; transform: rotate(0deg); } .groot-ui-select .icon-revert { transition: transform 0.3s; transform: rotate(180deg); } .groot-ui-select .value-label { overflow-y: hidden; max-height: calc(60 * var(--groot-ui-rpx)); display: block; position: absolute; top: 0; left: calc(20 * var(--groot-ui-rpx)); height: 100%; width: calc(100% - 40 * var(--groot-ui-rpx)); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; } .groot-ui-select-skin-baseline { background-color: transparent; border: 1px solid transparent; border-bottom-color: var(--groot-ui-color-gray-5); } .groot-ui-select-skin-baseline .groot-ui-commom-placeholder { color: var(--groot-ui-color-gray-7); } .groot-ui-select-skin-baseline:hover { background-color: transparent; border-bottom-color: var(--groot-ui-color-gray-8); } .groot-ui-select-skin-baseline.groot-ui-select-skin-error { background-color: transparent; border-bottom-color: var(--groot-ui-color-error-6); } .groot-ui-select-popper { box-sizing: border-box; white-space: nowrap; margin: 0 !important; padding: 0; box-shadow: unset; border-color: var(--groot-ui-color-gray-5); font-size: var(--groot-ui-font-size-l); } .groot-ui-select-popper>div { max-height: calc(320 * var(--groot-ui-rpx)); overflow-y: auto; overflow-x: hidden; scrollbar-3dlight-color: var(--groot-ui-color-gray-1); scrollbar-highlight-color: var(--groot-ui-color-gray-1); scrollbar-face-color: var(--groot-ui-color-gray-7); scrollbar-arrow-color: var(--groot-ui-color-gray-1); scrollbar-shadow-color: var(--groot-ui-color-gray-1); scrollbar-dark-shadow-color: var(--groot-ui-color-gray-1); scrollbar-base-color: var(--groot-ui-color-gray-1); scrollbar-track-color: var(--groot-ui-color-gray-1); } .groot-ui-select-popper>div::-webkit-scrollbar-track { border-radius: 2px; } .groot-ui-select-popper>div::-webkit-scrollbar { width: 4px; height: 4px; background-color: var(--groot-ui-color-gray-5); } .groot-ui-select-popper>div::-webkit-scrollbar-thumb { border-radius: 2px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAKCAYAAACT+/8OAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAK6wAACusBgosNWgAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAWdEVYdENyZWF0aW9uIFRpbWUAMTIvMTUvMTa/LrshAAAAFklEQVQImWOcOXPmfwYkwMSABgaLAADZ7wLeyLrgcAAAAABJRU5ErkJggg==); } .groot-ui-commom-placeholder { color: var(--groot-ui-color-gray-7); font-size: var(--groot-ui-font-size-l); position: absolute; } .groot-ui-commom-placeholder .required { margin-left: -2px; color: var(--groot-ui-color-warning-5); } .groot-ui-input { position: relative; display: inline-block; box-sizing: border-box; line-height: calc(60 * var(--groot-ui-rpx)); min-width: calc(350 * var(--groot-ui-rpx)); width: 100%; min-height: calc(60 * var(--groot-ui-rpx)); padding-left: calc(20 * var(--groot-ui-rpx)); background-color: var(--groot-ui-color-gray-3); cursor: pointer; color: var(--groot-ui-color-gray-9); border-radius: var(--groot-ui-border-radius-1); } .groot-ui-input .value-label { color: var(--groot-ui-color-gray-10); font-size: var(--groot-ui-font-size-l); } .groot-ui-input:hover { background-color: var(--groot-ui-color-gray-4); } .groot-ui-input-skin-error, .groot-ui-input-skin-error:hover { background-color: var(--groot-ui-color-error-1); } .groot-ui-input .input-box { outline: none; border: 0; background-color: transparent; box-sizing: border-box; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 1; padding: 0 calc(20 * var(--groot-ui-rpx)); font-size: var(--groot-ui-font-size-l); color: var(--groot-ui-color-gray-10); caret-color: var(--groot-ui-color-brand-6); -moz-appearance: textfield; } .groot-ui-input .input-box::-webkit-outer-spin-button, .groot-ui-input .input-box::-webkit-inner-spin-button { -webkit-appearance: none; } .groot-ui-input .input-box::-ms-clear { width: 0; height: 0; } .groot-ui-input .len-label { position: absolute; right: calc(20 * var(--groot-ui-rpx)); z-index: 0; } .groot-ui-input .len-label .len-label-error-field { color: var(--groot-ui-color-error-6); } .groot-ui-input-skin-baseline { background-color: transparent; border: 1px solid transparent; border-bottom-color: var(--groot-ui-color-gray-5); } .groot-ui-input-skin-baseline .groot-ui-commom-placeholder { color: var(--groot-ui-color-gray-7); } .groot-ui-input-skin-baseline:hover { background-color: transparent; border-bottom-color: var(--groot-ui-color-gray-8); } .groot-ui-input-skin-baseline.groot-ui-input-skin-error { background-color: transparent; border-bottom-color: var(--groot-ui-color-error-6); } .groot-ui-menu-horizontal-title { display: inline-block; border-bottom: 2px solid rgba(0, 0, 0, 0); position: relative; font-weight: var(--groot-ui-font-weight-1); color: var(--groot-ui-color-gray-9); margin-left: var(--groot-ui-spacing-unit-6); } .groot-ui-menu-horizontal-title:hover { font-weight: var(--groot-ui-font-weight-2); color: var(--groot-ui-color-brand-6); border-bottom: 2px solid var(--groot-ui-color-brand-6); } .groot-ui-menu-horizontal-title:hover .groot-ui-menu-horizontal-title-bottom { bottom: -2px; display: block !important; } .groot-ui-menu-horizontal-title-label { cursor: pointer; } .groot-ui-menu-horizontal-title-bottom { display: none; position: absolute; bottom: 9999px; left: 0; background: var(--groot-ui-color-gray-1); box-shadow: var(--groot-ui-shadow-2); transform: translateY(100%); max-height: calc(9.5 * var(--groot-ui-height-unit-7)); overflow-y: hidden; overflow-x: visible; } .groot-ui-menu-horizontal-title-bottom .title-bottom-scroll-bar { position: absolute; right: 3px; width: 3px; border-radius: 2px; height: 100px; pointer-events: none; background-color: #d9d9d9; z-index: 1; } .groot-ui-menu-horizontal-title-bottom .second-item-list { position: relative; } .groot-ui-menu-horizontal-title-bottom-item { white-space: nowrap; padding-left: var(--groot-ui-spacing-unit-4); padding-right: var(--groot-ui-spacing-unit-4); min-width: calc(87 * var(--groot-ui-rpx)); font-weight: var(--groot-ui-font-weight-1); color: var(--groot-ui-color-gray-9); height: var(--groot-ui-height-unit-7); line-height: var(--groot-ui-height-unit-7); text-align: left; cursor: pointer; } .groot-ui-menu-horizontal-title-bottom-item-now { background: var(--groot-ui-color-gray-2); color: var(--groot-ui-color-brand-6); } .groot-ui-menu-horizontal-title-bottom-preview { max-height: calc(7.5 * var(--groot-ui-height-unit-7)); } .groot-ui-menu-horizontal-title-bottom-right { position: absolute; bottom: -2px; transform: translateY(100%); left: calc(128 * var(--groot-ui-rpx)); box-shadow: var(--groot-ui-shadow-2); background: var(--groot-ui-color-gray-2); height: calc(9.5 * var(--groot-ui-height-unit-7)); overflow-y: hidden; overflow-x: visible; } .groot-ui-menu-horizontal-title-bottom-right .title-bottom-right-scroll-bar { position: absolute; right: 3px; width: 3px; border-radius: 2px; height: 100px; pointer-events: none; background-color: #d9d9d9; z-index: 1; } .groot-ui-menu-horizontal-title-bottom-right .third-item-list { position: relative; } .groot-ui-menu-horizontal-title-bottom-right span { display: block; white-space: nowrap; padding-left: var(--groot-ui-spacing-unit-4); padding-right: var(--groot-ui-spacing-unit-4); min-width: calc(87 * var(--groot-ui-rpx)); font-weight: var(--groot-ui-font-weight-1); color: var(--groot-ui-color-gray-8); height: var(--groot-ui-spacing-unit-7); line-height: var(--groot-ui-spacing-unit-7); text-align: left; } .groot-ui-menu-horizontal-title-bottom-right span:hover { color: var(--groot-ui-color-brand-6); cursor: pointer; } .groot-ui-menu-horizontal-title:nth-last-of-type(-n+3) .groot-ui-menu-horizontal-title-bottom { bottom: -2px; right: 0; left: inherit; transform: translateY(100%); } .groot-ui-menu-horizontal-title:nth-last-of-type(-n+3) .groot-ui-menu-horizontal-title-bottom-right { bottom: -2px; right: 0; left: inherit; transform: translateY(100%); } .flex-pack-justify { -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -moz-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } @font-face { font-family: "icon-guarantee-bg"; src: url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAANkAAsAAAAAB3AAAAMXAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCCcAqCdIJJATYCJAMICwYABCAFhG0HOBt3BhHVm2vIfizYMV1sgiQ/J60JAtSZJ8tJ/fYzQpknIMAJaOyczc3QNSrCMCXneT99R7ohXJqfAfA/x0yX4vmB5pIdtDfA8YAGFBlXZHcgd2B8w9gFLfEwBKDjSzSiuLS6GQ0Vc5QAxPAhg/qgZeSoDakCDYG5YqGKWIYJTZmvPAKWBj8v/pAoNFAwScyM+oEl/cn/HmtFyGmWaXT3EDCm0wJsGUggGlBBNFfqa5GRPxqJrvpVAmFbqQK+x1osHn2z/3ggQJgxk60B8Ib0a2I4zEv9SwUAFTADk4CVg94LzM7RzjbWdhNfv27Zvx9evWt+86FVbLzq9vZti74A1h1OMQg3WOXM6tWGwbT9IWsPuglj4Vr37WvW6Lowzh71FBuP9F6zy7l51frde93clNX7Fx50k/qGjmKntrUbWtbs2bXOpWV15l02unYudGf1Kl1fsEaItXsNf1kzmEt51Zn11k575e1vYaeyLIp3hby513vAmZr001mWG4+LC0rc+34rcR1r9dDKxckfe85QeRZgcy4X4fFQG+taVjfBo8Du2AR5eu3QotHDxi3y3yMtyCbRO9Bmo1CWhLy9Ozyuc8Swq2cnxXYunnheHX736sTJcZ3g6aMTR/TodDe56vNtt9ls0lz9UgT5AFiuyA2y5pf8Dtc/q7m97LL/a4YKwMfp8bsDq+WKSjcjaCduEPADGB3rVI1lKhRVYVSGFSZhvrESHR2wgM2OfBkqdrnbsEDD5Z6N3fBJQKIRjFSx0WDCIBnMaOSBThRlyw2cGItEqFZAJLMBCOw5Cgq2XAWJPY+RKvYzmHDlH5ixFxJ0WoXThgahwhyiihi1oAPzg2Tp8LZKVJh6xfCqmtOsAPdEbskF8zDlQxc8kKeY0t5hEfHgmXbYwHFYK8HJlNHKEEXOdRx91RcNlvZOUcSoBR2YHyRLh/eaiyp8/xXDq2puqKmSP5Fbah/mYeqAvPCPTjW38kx7h0XEg2faYQP9sFaCs7pfRitDHOA919Fq5Lvyh+WF+9ttAXRMiSKszhLbvpr+UR+hr66tYdcBAA==') format('woff2'); } .icon-guarantee-bg { font-family: "icon-guarantee-bg" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-guarantee-bg::before { content: "\e62e"; } @font-face { font-family: "search-icon"; src: url('data:application/font-woff;base64,d09GRgABAAAAAASEAA0AAAAABqQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAEaAAAABoAAAAck+2noUdERUYAAARIAAAAHgAAAB4AKQAKT1MvMgAAAaAAAABDAAAAVj0VSJFjbWFwAAAB9AAAAD4AAAFCAA/p7mdhc3AAAARAAAAACAAAAAj//wADZ2x5ZgAAAkAAAACYAAAAmPXHe4RoZWFkAAABMAAAADAAAAA2HLlRaWhoZWEAAAFgAAAAHQAAACQG3gOFaG10eAAAAeQAAAAPAAAAEAwAAKVsb2NhAAACNAAAAAoAAAAKAEwAAG1heHAAAAGAAAAAHgAAACABEAA8bmFtZQAAAtgAAAFGAAACgl6CAQJwb3N0AAAEIAAAAB8AAAAx34h563icY2BkYGAAYpeVSrbx/DZfGbhZGEDgzlm2G3B6KQMzcwzTTiCXg4EJJAoAEnUJ13icY2BkYGBu+N/AwMDCAALMMQyMDKiABQBEFgJsAAAAeJxjYGRgYGBhMGBgYgABEMkFhAwM/8F8BgANlAFNAAB4nGNgZGFg/MLAysDA1Ml0hoGBoR9CM75mMGLkAIoysDIzYAUBaa4pDA7PnJ85Mzf8b2CIYb7D0AAUZgTJAQAI3A0hAHicY2GAABYIXgoAASUAsgB4nGNgYGBmgGAZBkYGELAB8hjBfBYGBSDNAoRA/jPn//8hpOQBqEoGRjYGGJOBkQlIMDGgAkaGYQ8AhjIH4wAAAAAAAAAAAAAATAAAAAIApQADA1wCuQAiAC8AAAEyFxYXFhUUBg8BFx4BDwEGIi8BMQ4BByMiJyYnJjQ3Njc2FyIOARQeATI+ATQuAQHSUkdEKCkfHgSSCQIIAwscCZQmWTAMUUdEKCkpKERHUT9pPj5pfWo+PmoCuSkoRUZSMV0nBZIJGwoECgmTHiECKShER6NGRSgpRz5qfWk+Pml9aj4AAAB4nH2QzUrDQBSFz/RPbUHEgutZFUFIf5alu0LduXBR1206SVuSTJhMC126deUDuPUxfACfQXDlg3garwgVmpDLN+fec2YmAC7xCYWfp41rYYVT3AlXcIJYuEr9UbhGfhGuo4U34Qb1D+EmbtRIuIW2emaCqp1x1SnT9qxwgZFwBed4EK5St8I18pNwHVd4FW5QfxduYoov4RY6aokxHAxm8KwLaMyxY10hZG6GqKweGDsz82ah5zu9Cm0W2Yziv6m/1j3jYmyQMNpxaeJNMnNHLUdaU6Y5FBzZtzT6CNCjbFyxspnuB72j9lvaszLi8J4FtjzmgKqnUfNztKekicQYXiEha+Rlb00lpB4w1mTG/f6VYhsPvI905GyqJ9zWJInVubNrE3oOL8s9cgzR5RsdpAfl4VOOeZ8Pu91IAoLQpvgGD2pwhwAAeJxjYGKAAC4wyciADljAokyMTGzF+aXFpfkADEkCzAAAAAAB//8AAgABAAAADAAAABYAAAACAAEAAwADAAEABAAAAAIAAAAAeJxjYGBgZACCW8EzP4DoO2fZbsBoAFPGB8YAAA==') format('woff'); } .icon-search { font-family: "search-icon" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-search::before { content: '\e643'; } @font-face { font-family: "icon-arrow"; src: url('data:application/font-woff;base64,d09GRgABAAAAAAQEAAsAAAAABlgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFY8kEgMY21hcAAAAYAAAABLAAABcOdCtfhnbHlmAAABzAAAAEgAAABI1VbfUmhlYWQAAAIUAAAALAAAADYYYJGYaGhlYQAAAkAAAAAcAAAAJAfeA4NobXR4AAACXAAAAAgAAAAICAAAAGxvY2EAAAJkAAAABgAAAAYAJAAAbWF4cAAAAmwAAAAeAAAAIAENAB1uYW1lAAACjAAAAVIAAAKF/swGFnBvc3QAAAPgAAAAIgAAADNH5+LxeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkYWCcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGByeST2TYm7438AQw9zA0AAUZgTJAQDhNQwXeJxjYGBgZWBgYAZiHSBmYWBgDGFgZAABP6AoI1icmYELLM7CoARWwwISfyb1/z+MBPJZwCQDIxvDKOABkzJQHjisIJiBEQBofgnRAAABAAAAAAPIAoEAEAAAJQEmNDYyFwkBNjIWFAcBBiIB2P5xESItEgFnAWcSLSIR/nERLpABkBEtIhD+mAFoECItEf5wEAAAAHicY2BkYGAAYs01Ql/j+W2+MnCzMIDArYXqvMg0CwNTI5DiYGAC8QDwyQd8eJxjYGRgYG7438AQw8IAAkCSkQEVMAEARwgCawQAAAAEAAAAAAAAAAAkAAB4nGNgZGBgYGIQZADRIBYDAxcQMjD8B/MZAApAASsAAHicbZJLbsIwGITHPFo1SF20tF3WKxZFhMeSLSosK7FgH4LDQ0kcOQZEdz1Az9ND9ATd9Aa9Q4dghISI5V+f55/fGSkBcIdfCByeB+4DC3g8HbiEazw7LlNvOK6QO46rqKHv+Ir6q2MPTbw5ruEe77xBVG54esGnY4E6vhyXcItvx2XqP44r5D/HVTwK4fgKdfHk2MNENB3X0BAf3sCowKqZnO7kMtRppFPr7aEVGKO3YzVfx4E5CSeaKJMvdSq7fuckjlSqzPG+fDPvWRvJyOhEDnmximMtM6NXKrT+wtqs325HTvdDnTDeAAYKASzrDBJT7FiXCKGRIiqqpe+otOg1XBpbjDkzxxpxoV1yXNImnDLI2dt3JLrw+ckuOUd0poX7PF+ODd/co2qZUXLvJxLS0CVWTBWTJbKit6ISUvexKKYy/hptrujM7xc5kn/s43OdAAB4nGNgYoAALgbsgImRiZGZgTOxqCi/PCW/PI+BAQAeOAQCAAA=') format('woff'); } .icon-arrow-down, .icon-arrow-left, .icon-arrow-right, .icon-arrow-top { font-family: "icon-arrow" !important; font-size: var(--groot-ui-font-size-l); font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-arrow-down::before, .icon-arrow-left::before, .icon-arrow-right::before, .icon-arrow-top::before { content: "\e61a"; } .icon-arrow-left { display: inline-block; transform: rotate(90deg); } .icon-arrow-right { display: inline-block; transform: rotate(-90deg); } .icon-arrow-top { display: inline-block; transform: rotate(180deg); } .icon-arrow-double-left, .icon-arrow-double-right { font-family: "icon-arrow" !important; font-size: var(--groot-ui-font-size-l); font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-arrow-double-left::before, .icon-arrow-double-right::before { content: "\e61a"; display: inline-block; } .icon-arrow-double-left::after, .icon-arrow-double-right::after { content: "\e61a"; display: inline-block; } .icon-arrow-double-left::before { transform: rotate(90deg); position: relative; left: 0; } .icon-arrow-double-left::after { transform: rotate(90deg); position: relative; left: -10px; } .icon-arrow-double-right::before { transform: rotate(-90deg); position: relative; left: 0; } .icon-arrow-double-right::after { transform: rotate(-90deg); position: relative; left: -10px; } .gt-jmy-pc-header { position: fixed; z-index: 100; left: 0; top: 0; width: 100%; height: calc(82 * var(--groot-ui-rpx)); background: #fff; } .gt-jmy-pc-header-wrap { box-sizing: border-box; max-width: 88.75em; height: calc(80 * var(--groot-ui-rpx)); margin: auto; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: -moz-flex; display: flex; -webkit-box-pack: space-between; -moz-box-pack: space-between; -ms-flex-pack: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -moz-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -moz-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .gt-jmy-pc-header-left { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: -moz-flex; display: flex; -webkit-box-pack: flex-start; -webkit-justify-content: flex-start; -moz-box-pack: flex-start; -moz-justify-content: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -moz-align-items: center; -ms-flex-align: center; align-items: center; max-height: calc(50 * var(--groot-ui-rpx)); max-width: calc(300 * var(--groot-ui-rpx)); text-overflow: ellipsis; white-space: nowrap; } .gt-jmy-pc-header-left.empty-img .groot-ui-image img { height: calc(40 * var(--groot-ui-rpx)) !important; width: calc(40 * var(--groot-ui-rpx)) !important; display: none; } .gt-jmy-pc-header-left.fixed-height .groot-ui-image img { height: calc(50 * var(--groot-ui-rpx)); width: unset !important; cursor: pointer; } .gt-jmy-pc-header-left.fixed-width .groot-ui-image img { width: calc(290 * var(--groot-ui-rpx)) !important; height: unset !important; cursor: pointer; } .gt-jmy-pc-header-left .site-name { margin-left: var(--groot-ui-spacing-unit-1); color: var(--groot-ui-color-gray-9); font-weight: var(--groot-ui-font-weight-1); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: var(--groot-ui-font-size-l); } .gt-jmy-pc-header-left .icon-guarantee { margin-left: calc(9 * var(--groot-ui-rpx)); margin-right: calc(15 * var(--groot-ui-rpx)); position: relative; } .gt-jmy-pc-header-left .icon-guarantee:hover .guarantee-container { display: block; } .gt-jmy-pc-header-left .icon-guarantee i.icon-guarantee-bg { color: var(--groot-ui-color-brand-4); font-size: 20px; } .gt-jmy-pc-header-left .icon-guarantee .icon-guarantee-bg-new { width: calc(67 * var(--groot-ui-rpx)); height: calc(24 * var(--groot-ui-rpx)); background: url(https://fe-resource.cdn.bcebos.com/groot/mip-sjh-merchant-info/icon-safeguard.svg) no-repeat top / cover; } .gt-jmy-pc-header-left .icon-guarantee .guarantee-container { position: absolute; display: none; top: calc(20 * var(--groot-ui-rpx)); width: calc(216 * var(--groot-ui-rpx)); height: calc(58 * var(--groot-ui-rpx)); left: calc(-22 * var(--groot-ui-rpx)); } .gt-jmy-pc-header-left .icon-guarantee-box { position: absolute; top: calc(11 * var(--groot-ui-rpx)); left: calc(-22 * var(--groot-ui-rpx)); width: calc(216 * var(--groot-ui-rpx)); padding: calc(8 * var(--groot-ui-rpx)) calc(10 * var(--groot-ui-rpx)); white-space: initial; box-shadow: 0 -2 5 0 rgba(0, 0, 0, 0.1); border: 1px solid var(--groot-ui-color-gray-4); background-color: var(--groot-ui-color-gray-1); border-radius: calc(2 * var(--groot-ui-rpx)); } .gt-jmy-pc-header-left .icon-guarantee-box span { font-size: var(--groot-ui-font-size-s); color: var(--groot-ui-color-gray-8); } .gt-jmy-pc-header-left .icon-guarantee-box span.box-btn { color: var(--button-color); cursor: pointer; } .gt-jmy-pc-header-left .icon-guarantee .trangle { position: absolute; left: calc(26 * var(--groot-ui-rpx)); top: calc(6 * var(--groot-ui-rpx)); width: calc(10 * var(--groot-ui-rpx)); height: calc(10 * var(--groot-ui-rpx)); border: 1px solid var(--groot-ui-color-gray-4); transform: rotate(45deg); background-color: var(--groot-ui-color-gray-1); z-index: 2; border-right: none; border-bottom: none; } .gt-jmy-pc-header-left.empty-nav { max-width: unset; } .gt-jmy-pc-header-left.empty-nav .groot-ui-image img { height: calc(60 * var(--groot-ui-rpx)); } .gt-jmy-pc-header-right { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: -moz-flex; display: flex; -webkit-box-pack: flex-end; -webkit-justify-content: flex-end; -moz-box-pack: flex-end; -moz-justify-content: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -moz-align-items: center; -ms-flex-align: center; align-items: center; white-space: nowrap; } .gt-jmy-pc-header-right-menu { float: left; height: calc(80 * var(--groot-ui-rpx)); line-height: calc(80 * var(--groot-ui-rpx)); font-size: 16px; } .gt-jmy-pc-header-right-menu .groot-ui-menu-horizontal-title { color: var(--header-text-color); font-size: var(--groot-ui-font-size-l); } .gt-jmy-pc-header-right-menu .groot-ui-menu-horizontal-title:hover { color: var(--menu-hover-color); border-bottom: 2px solid var(--button-color); } .gt-jmy-pc-header-right-search { background-color: var(--groot-ui-color-gray-1); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: -moz-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -moz-align-items: center; -ms-flex-align: center; align-items: center; width: calc(486 * var(--groot-ui-rpx)); border: 1px solid var(--groot-ui-color-gray-5); border-radius: calc(2 * var(--groot-ui-rpx)); height: calc(40 * var(--groot-ui-rpx)); } .gt-jmy-pc-header-right-search>span { display: block; float: left; height: calc(40 * var(--groot-ui-rpx)); } .gt-jmy-pc-header-right-search>span .groot-ui-select { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: -moz-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -moz-align-items: center; -ms-flex-align: center; align-items: center; padding: 0; position: static; line-height: calc(40 * var(--groot-ui-rpx)); min-width: calc(70 * var(--groot-ui-rpx)); min-height: calc(40 * var(--groot-ui-rpx)); background-color: transparent; border-right: 1px solid var(--groot-ui-color-gray-5); border-radius: 0; } .gt-jmy-pc-header-right-search>span .groot-ui-select .value-label { padding: 0 calc(10 * var(--groot-ui-rpx)) 0 calc(13 * var(--groot-ui-rpx)); position: static; width: unset; color: var(--groot-ui-color-gray-8); } .gt-jmy-pc-header-right-search>span .groot-ui-select .icon-arrow-down { margin: 0 calc(13 * var(--groot-ui-rpx)) 0 0; } .gt-jmy-pc-header-right-search .groot-ui-input { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; background-color: transparent; min-width: calc(200 * var(--groot-ui-rpx)); width: calc(200 * var(--groot-ui-rpx)); min-height: calc(40 * var(--groot-ui-rpx)); } .gt-jmy-pc-header-right-search .groot-ui-input .groot-ui-commom-placeholder { font-size: 16px; line-height: calc(40 * var(--groot-ui-rpx)); } .gt-jmy-pc-header-right-search .groot-ui-input .len-label { line-height: calc(40 * var(--groot-ui-rpx)); color: #e6322e; display: none; } .gt-jmy-pc-header-right-search .show-limit .len-label { display: inline; } .gt-jmy-pc-header-right-search .search-submit button { width: calc(40 * var(--groot-ui-rpx)); height: calc(40 * var(--groot-ui-rpx)); border-radius: calc(1 * var(--groot-ui-rpx)); } .gt-jmy-pc-header-right-search .search-submit button .icon-search { font-size: calc(26 * var(--groot-ui-rpx)); } .gt-jmy-pc-header-right .search-focus { border: 1px solid var(--button-color); } .gt-jmy-pc-header-right-search-switch { margin-left: calc(16 * var(--groot-ui-rpx)); } .gt-jmy-pc-header-right-search-switch .btn-four-able .btn-inner-icon { color: var(--groot-ui-color-gray-7); font-size: 26px; } .gt-jmy-pc-header-right-search-switch .btn-four-able:focus, .gt-jmy-pc-header-right-search-switch .btn-four-able:hover, .gt-jmy-pc-header-right-search-switch .btn-four-able:active { border-bottom: 0; } .gt-jmy-pc-header-right-search-switch .btn-four-able:hover .btn-inner-icon { color: var(--button-color); } .gt-jmy-pc-header-right-button { float: left; margin-left: var(--groot-ui-spacing-unit-6); } .gt-jmy-pc-header-right-button button { width: calc(140 * var(--groot-ui-rpx)); height: calc(40 * var(--groot-ui-rpx)); } .gt-jmy-pc-header-right-button button .btn-inner-icon { margin-right: var(--groot-ui-spacing-unit-2); } .gt-jmy-pc-header-right-button button .btn-inner-icon.icon-wechat { margin-right: calc(6 * var(--groot-ui-rpx)); } .gt-jmy-pc-header-two-line { height: calc(132 * var(--groot-ui-rpx)); } .gt-jmy-pc-header-two-line .gt-jmy-pc-header-wrap { height: calc(70 * var(--groot-ui-rpx)); } .gt-jmy-pc-header-two-line .gt-jmy-pc-header-left { max-width: unset; } .gt-jmy-pc-header-two-line .gt-jmy-pc-header-right .gt-jmy-pc-header-right-menu { font-size: 16px; height: calc(60 * var(--groot-ui-rpx)); line-height: calc(60 * var(--groot-ui-rpx)); position: absolute; left: 0; top: calc(70 * var(--groot-ui-rpx)); } .gt-jmy-pc-header-two-line .gt-jmy-pc-header-right .gt-jmy-pc-header-right-menu .groot-ui-menu-horizontal-title { font-size: var(--groot-ui-font-size-l); } .gt-jmy-pc-header-two-line .gt-jmy-pc-header-right .longer-margin div:first-child { margin-left: 0; } .gt-jmy-pc-header-two-line .gt-jmy-pc-header-right .longer-margin .groot-ui-menu-horizontal-title { margin: 0 calc(65 * var(--groot-ui-rpx)); } .gt-jmy-pc-header-two-line .gt-jmy-pc-header-right .space-between { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: -moz-flex; display: flex; -webkit-box-pack: space-between; -webkit-justify-content: space-between; -moz-box-pack: space-between; -moz-justify-content: space-between; -ms-flex-pack: space-between; justify-content: space-between; } .gt-jmy-pc-header-two-line .gt-jmy-pc-header-right .space-between .groot-ui-menu-horizontal-title { margin: 0; } .gt-jmy-pc-header-two-line .gt-jmy-pc-header-right-search .search-submit { width: calc(30 * var(--groot-ui-rpx)); margin: 0 calc(20 * var(--groot-ui-rpx)) 0 calc(-10 * var(--groot-ui-rpx)); text-align: center; } .gt-jmy-pc-header-two-line .gt-jmy-pc-header-right-search .search-submit .btn-four-able .btn-inner-icon { color: var(--groot-ui-color-gray-7); font-size: 26px; } .gt-jmy-pc-header-two-line .gt-jmy-pc-header-right-search .search-submit .btn-four-able:focus, .gt-jmy-pc-header-two-line .gt-jmy-pc-header-right-search .search-submit .btn-four-able:hover, .gt-jmy-pc-header-two-line .gt-jmy-pc-header-right-search .search-submit .btn-four-able:active { border-bottom: 0; } .gt-jmy-pc-header-two-line .gt-jmy-pc-header-right-search .search-submit .btn-four-able:hover .btn-inner-icon { color: var(--button-color); } .gt-jmy-pc-header-big-logo { height: calc(132 * var(--groot-ui-rpx)); } .gt-jmy-pc-header-big-logo .gt-jmy-pc-header-wrap { height: calc(130 * var(--groot-ui-rpx)); } .gt-jmy-pc-header-big-logo .gt-jmy-pc-header-left { max-width: unset; } .gt-jmy-pc-header-big-logo .gt-jmy-pc-header-left .groot-ui-image img { object-fit: contain; height: calc(90 * var(--groot-ui-rpx)) !important; width: auto !important; max-width: calc(450 * var(--groot-ui-rpx)); } .gt-jmy-pc-header-big-logo .gt-jmy-pc-header-right { position: relative; justify-content: center; align-items: center; height: calc(90 * var(--groot-ui-rpx)); } .gt-jmy-pc-header-big-logo .gt-jmy-pc-header-right .gt-jmy-pc-header-right-menu { position: relative; height: calc(60 * var(--groot-ui-rpx)); line-height: calc(60 * var(--groot-ui-rpx)); max-width: calc(715 * var(--groot-ui-rpx)); } .gt-jmy-pc-header-big-logo .gt-jmy-pc-header-right .gt-jmy-pc-header-right-button { margin-left: calc(25 * var(--groot-ui-rpx)); } .gt-jmy-pc-header-big-logo .gt-jmy-pc-header-right .longer-margin { top: 0; } .gt-jmy-pc-header-big-logo .gt-jmy-pc-header-right .longer-margin div:first-child { margin-left: 0; } .gt-jmy-pc-header-big-logo .gt-jmy-pc-header-right .longer-margin div:last-child { margin-right: 0; } .gt-jmy-pc-header-big-logo .gt-jmy-pc-header-right .longer-margin .groot-ui-menu-horizontal-title { margin: 0 calc(34 * var(--groot-ui-rpx)); } .gt-jmy-pc-header-big-logo .gt-jmy-pc-header-right .space-between { width: calc(715 * var(--groot-ui-rpx)); top: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: -moz-flex; display: flex; -webkit-box-pack: space-between; -webkit-justify-content: space-between; -moz-box-pack: space-between; -moz-justify-content: space-between; -ms-flex-pack: space-between; justify-content: space-between; } .gt-jmy-pc-header-big-logo .gt-jmy-pc-header-right .space-between .groot-ui-menu-horizontal-title { margin: 0; } .gt-jmy-pc-header-big-logo .gt-jmy-pc-header-right-search { position: relative; } .gt-jmy-pc-header-big-logo .gt-jmy-pc-header-right-search .search-submit { width: calc(30 * var(--groot-ui-rpx)); margin: 0 calc(20 * var(--groot-ui-rpx)) 0 calc(-10 * var(--groot-ui-rpx)); text-align: center; } .gt-jmy-pc-header-big-logo .gt-jmy-pc-header-right-search .search-submit .btn-four-able .btn-inner-icon { color: var(--groot-ui-color-gray-7); font-size: 26px; } /* .gt-jmy-pc-header-big-logo .gt-jmy-pc-header-right-search .search-submit .btn-four-able:focus, .gt-jmy-pc-header-big-logo .gt-jmy-pc-header-right-search .search-submit .btn-four-able:hover, .gt-jmy-pc-header-big-logo .gt-jmy-pc-header-right-search .search-submit .btn-four-able:active { border-bottom: 0; } */ .gt-jmy-pc-header-big-logo .gt-jmy-pc-header-right-search .search-submit .btn-four-able:hover .btn-inner-icon { color: var(--button-color); } .gt-jmy-pc-header-big-logo .gt-jmy-pc-header-right-over-nav { min-height: calc(90 * var(--groot-ui-rpx)); } .gt-jmy-pc-header-big-logo .gt-jmy-pc-header-right-over-nav .space-between .groot-ui-menu-horizontal-title:hover { color: var(--button-color); } .gt-jmy-pc-header-big-logo .gt-jmy-pc-header-right-over-nav .space-between .groot-ui-menu-horizontal-title:last-of-type { padding: 0 calc(10 * var(--groot-ui-rpx)); margin-left: calc(-26 * var(--groot-ui-rpx)); } .gt-jmy-pc-header-big-logo .gt-jmy-pc-header-right-over-nav .space-between .groot-ui-menu-horizontal-title:last-of-type .icon-arrow-down { font-size: 16px; display: inline-block; } .gt-jmy-pc-header-big-logo .gt-jmy-pc-header-right-over-nav .space-between .groot-ui-menu-horizontal-title:last-of-type:hover .icon-arrow-down { transform: rotate(180deg); } .gt-jmy-pc-header-big-logo .gt-jmy-pc-header-right-over-nav .space-between .groot-ui-menu-horizontal-title:last-of-type .groot-ui-menu-horizontal-title-bottom-item { padding-left: var(--groot-ui-spacing-unit-7); padding-right: var(--groot-ui-spacing-unit-7); } .gt-jmy-pc-header-big-logo.gt-jmy-pc-header-two-line .gt-jmy-pc-header-right.search-button-inline, .gt-jmy-pc-header-big-logo.gt-jmy-pc-header-two-line .gt-jmy-pc-header-right.gt-jmy-pc-header-right-show-search { position: static; align-items: flex-start; } .gt-jmy-pc-header-big-logo.gt-jmy-pc-header-two-line .gt-jmy-pc-header-right.search-button-inline .gt-jmy-pc-header-right-menu, .gt-jmy-pc-header-big-logo.gt-jmy-pc-header-two-line .gt-jmy-pc-header-right.gt-jmy-pc-header-right-show-search .gt-jmy-pc-header-right-menu { position: absolute; bottom: calc(1 * var(--groot-ui-rpx)); right: 0; left: auto; top: auto; } .search-select-popper div .groot-ui-common-option { padding: 0; text-align: center; } .el-carousel__item, .el-carousel__mask { position: absolute; height: 100%; top: 0; left: 0 } .el-carousel__item { width: 100%; display: inline-block; overflow: hidden; z-index: 0 } .el-carousel__item.is-active { z-index: 2 } .el-carousel__item.is-animating { -webkit-transition: -webkit-transform .4s ease-in-out; transition: -webkit-transform .4s ease-in-out; transition: transform .4s ease-in-out; transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out } .el-carousel__item--card { width: 50%; -webkit-transition: -webkit-transform .4s ease-in-out; transition: -webkit-transform .4s ease-in-out; transition: transform .4s ease-in-out; transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out } .el-carousel__item--card.is-in-stage { cursor: pointer; z-index: 1 } .el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask, .el-carousel__item--card.is-in-stage:hover .el-carousel__mask { opacity: .12 } .el-carousel__item--card.is-active { z-index: 2 } .el-carousel__mask { width: 100%; background-color: #FFF; opacity: .24; -webkit-transition: .2s; transition: .2s } .el-carousel { position: relative } .el-carousel--horizontal { overflow-x: hidden } .el-carousel--vertical { overflow-y: hidden } .el-carousel__container { position: relative; height: 300px } .el-carousel__arrow { border: none; outline: 0; padding: 0; margin: 0; height: 36px; width: 36px; cursor: pointer; -webkit-transition: .3s; transition: .3s; border-radius: 50%; background-color: rgba(31, 45, 61, .11); color: #FFF; position: absolute; top: 50%; z-index: 10; -webkit-transform: translateY(-50%); transform: translateY(-50%); text-align: center; font-size: 12px } .el-carousel__arrow--left { left: 16px } .el-carousel__arrow--right { right: 16px } .el-carousel__arrow:hover { background-color: rgba(31, 45, 61, .23) } .el-carousel__arrow i { cursor: pointer } .el-carousel__indicators { position: absolute; list-style: none; margin: 0; padding: 0; z-index: 2 } .el-carousel__indicators--horizontal { bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%) } .el-carousel__indicators--vertical { right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .el-carousel__indicators--outside { bottom: 26px; text-align: center; position: static; -webkit-transform: none; transform: none } .el-carousel__indicators--outside .el-carousel__indicator:hover button { opacity: .64 } .el-carousel__indicators--outside button { background-color: #C0C4CC; opacity: .24 } .el-carousel__indicators--labels { left: 0; right: 0; -webkit-transform: none; transform: none; text-align: center } .el-carousel__indicators--labels .el-carousel__button { height: auto; width: auto; padding: 2px 18px; font-size: 12px } .el-carousel__indicators--labels .el-carousel__indicator { padding: 6px 4px } .el-carousel__indicator { background-color: transparent; cursor: pointer } .el-carousel__indicator:hover button { opacity: .72 } .el-carousel__indicator--horizontal { display: inline-block; padding: 12px 4px } .el-carousel__indicator--vertical { padding: 4px 12px } .el-carousel__indicator--vertical .el-carousel__button { width: 2px; height: 15px } /* .el-carousel__indicator.is-active button { opacity: 1 } */ .el-carousel__button { display: block; opacity: .48; width: 30px; height: 2px; background-color: #FFF; border: none; outline: 0; padding: 0; margin: 0; cursor: pointer; -webkit-transition: .3s; transition: .3s } /* .carousel-arrow-left-enter, .carousel-arrow-left-leave-active { -webkit-transform: translateY(-50%) translateX(-10px); transform: translateY(-50%) translateX(-10px); opacity: 0 } */ /* .carousel-arrow-right-enter, .carousel-arrow-right-leave-active { -webkit-transform: translateY(-50%) translateX(10px); transform: translateY(-50%) translateX(10px); opacity: 0 } */ .flex-pack-justify { -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -moz-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } @font-face { font-family: "icon-arrow"; src: url('data:application/font-woff;base64,d09GRgABAAAAAAQEAAsAAAAABlgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFY8kEgMY21hcAAAAYAAAABLAAABcOdCtfhnbHlmAAABzAAAAEgAAABI1VbfUmhlYWQAAAIUAAAALAAAADYYYJGYaGhlYQAAAkAAAAAcAAAAJAfeA4NobXR4AAACXAAAAAgAAAAICAAAAGxvY2EAAAJkAAAABgAAAAYAJAAAbWF4cAAAAmwAAAAeAAAAIAENAB1uYW1lAAACjAAAAVIAAAKF/swGFnBvc3QAAAPgAAAAIgAAADNH5+LxeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkYWCcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGByeST2TYm7438AQw9zA0AAUZgTJAQDhNQwXeJxjYGBgZWBgYAZiHSBmYWBgDGFgZAABP6AoI1icmYELLM7CoARWwwISfyb1/z+MBPJZwCQDIxvDKOABkzJQHjisIJiBEQBofgnRAAABAAAAAAPIAoEAEAAAJQEmNDYyFwkBNjIWFAcBBiIB2P5xESItEgFnAWcSLSIR/nERLpABkBEtIhD+mAFoECItEf5wEAAAAHicY2BkYGAAYs01Ql/j+W2+MnCzMIDArYXqvMg0CwNTI5DiYGAC8QDwyQd8eJxjYGRgYG7438AQw8IAAkCSkQEVMAEARwgCawQAAAAEAAAAAAAAAAAkAAB4nGNgZGBgYGIQZADRIBYDAxcQMjD8B/MZAApAASsAAHicbZJLbsIwGITHPFo1SF20tF3WKxZFhMeSLSosK7FgH4LDQ0kcOQZEdz1Az9ND9ATd9Aa9Q4dghISI5V+f55/fGSkBcIdfCByeB+4DC3g8HbiEazw7LlNvOK6QO46rqKHv+Ir6q2MPTbw5ruEe77xBVG54esGnY4E6vhyXcItvx2XqP44r5D/HVTwK4fgKdfHk2MNENB3X0BAf3sCowKqZnO7kMtRppFPr7aEVGKO3YzVfx4E5CSeaKJMvdSq7fuckjlSqzPG+fDPvWRvJyOhEDnmximMtM6NXKrT+wtqs325HTvdDnTDeAAYKASzrDBJT7FiXCKGRIiqqpe+otOg1XBpbjDkzxxpxoV1yXNImnDLI2dt3JLrw+ckuOUd0poX7PF+ODd/co2qZUXLvJxLS0CVWTBWTJbKit6ISUvexKKYy/hptrujM7xc5kn/s43OdAAB4nGNgYoAALgbsgImRiZGZgTOxqCi/PCW/PI+BAQAeOAQCAAA=') format('woff'); } .icon-arrow-down, .icon-arrow-left, .icon-arrow-right, .icon-arrow-top { font-family: "icon-arrow" !important; font-size: var(--groot-ui-font-size-l); font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-arrow-down::before, .icon-arrow-left::before, .icon-arrow-right::before, .icon-arrow-top::before { content: "\e61a"; } .icon-arrow-left { display: inline-block; transform: rotate(90deg); } .icon-arrow-right { display: inline-block; transform: rotate(-90deg); } .icon-arrow-top { display: inline-block; transform: rotate(180deg); } .icon-arrow-double-left, .icon-arrow-double-right { font-family: "icon-arrow" !important; font-size: var(--groot-ui-font-size-l); font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-arrow-double-left::before, .icon-arrow-double-right::before { content: "\e61a"; display: inline-block; } .icon-arrow-double-left::after, .icon-arrow-double-right::after { content: "\e61a"; display: inline-block; } .icon-arrow-double-left::before { transform: rotate(90deg); position: relative; left: 0; } .icon-arrow-double-left::after { transform: rotate(90deg); position: relative; left: -10px; } .icon-arrow-double-right::before { transform: rotate(-90deg); position: relative; left: 0; } .icon-arrow-double-right::after { transform: rotate(-90deg); position: relative; left: -10px; } .gt-jmy-pc-carousel-adaptive-ctn { min-width: calc(1420 * var(--groot-ui-rpx)); max-width: calc(1920 * var(--groot-ui-rpx)); width: 100%; } .gt-jmy-pc-carousel-container { margin: 0; padding: 0; border: 1px solid transparent; border-radius: var(--groot-ui-border-radius-1); box-sizing: border-box; overflow: hidden; } .gt-jmy-pc-carousel-container .el-carousel--horizontal { width: calc(1190 * var(--groot-ui-rpx)); overflow-y: hidden; } .gt-jmy-pc-carousel-container .detail-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: -moz-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -moz-align-items: center; -ms-flex-align: center; align-items: center; } .gt-jmy-pc-carousel-container .detail-content-shadow { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .gt-jmy-pc-carousel-container .detail-content .detail-wrapper { margin-left: var(--groot-ui-spacing-unit-6); width: calc(490 * var(--groot-ui-rpx)); } .gt-jmy-pc-carousel-container .detail-content .detail-wrapper .title { line-height: 1.5; word-break: break-word; color: var(--groot-ui-color-gray-1); font-size: 40px; font-weight: var(--groot-ui-font-weight-3); margin-bottom: var(--groot-ui-spacing-unit-1); } .gt-jmy-pc-carousel-container .detail-content .detail-wrapper .subTitle { line-height: 1; font-size: 18px; font-weight: var(--groot-ui-font-weight-1); color: var(--groot-ui-color-gray-1); margin-bottom: var(--groot-ui-spacing-unit-6); } .gt-jmy-pc-carousel-container .detail-content .detail-wrapper .content-btn { height: var(--groot-ui-spacing-unit-6); color: var(--groot-ui-color-gray-1) !important; background-color: var(--groot-ui-color-brand-6) !important; border-radius: 0em !important; } .gt-jmy-pc-carousel-container .el-carousel__container { line-height: 0.5; overflow: hidden; } .gt-jmy-pc-carousel-container .el-carousel__container::after { content: ""; display: block; } .gt-jmy-pc-carousel-container .el-carousel__container .el-carousel__arrow--left { left: 0; border-radius: 0; border-top-right-radius: var(--groot-ui-border-radius-1); border-bottom-right-radius: var(--groot-ui-border-radius-1); height: calc(40 * var(--groot-ui-rpx)); width: calc(30 * var(--groot-ui-rpx)); background-color: var(--groot-ui-color-gray-10); opacity: 0.2; font-size: inherit !important; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: -moz-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -moz-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -moz-justify-content: center; -ms-flex-pack: center; justify-content: center; } .gt-jmy-pc-carousel-container .el-carousel__container .el-carousel__arrow--left>.el-icon-arrow-left { display: inline-block; transform: rotate(90deg); font-family: "icon-arrow" !important; font-size: var(--groot-ui-font-size-l); font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .gt-jmy-pc-carousel-container .el-carousel__container .el-carousel__arrow--left>.el-icon-arrow-left::before { content: "\e61a"; } .gt-jmy-pc-carousel-container .el-carousel__container .el-carousel__arrow--left:hover { opacity: 1; } .gt-jmy-pc-carousel-container .el-carousel__container .el-carousel__arrow--right { right: 0; border-radius: 0; border-top-left-radius: var(--groot-ui-border-radius-1); border-bottom-left-radius: var(--groot-ui-border-radius-1); height: calc(40 * var(--groot-ui-rpx)); width: calc(30 * var(--groot-ui-rpx)); background-color: var(--groot-ui-color-gray-10); opacity: 0.2; font-size: inherit !important; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: -moz-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -moz-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -moz-justify-content: center; -ms-flex-pack: center; justify-content: center; } .gt-jmy-pc-carousel-container .el-carousel__container .el-carousel__arrow--right>.el-icon-arrow-right { display: inline-block; transform: rotate(-90deg); font-family: "icon-arrow" !important; font-size: var(--groot-ui-font-size-l); font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .gt-jmy-pc-carousel-container .el-carousel__container .el-carousel__arrow--right>.el-icon-arrow-right::before { content: "\e61a"; } .gt-jmy-pc-carousel-container .el-carousel__container .el-carousel__arrow--right:hover { opacity: 1; } /* .gt-jmy-pc-carousel-container .el-carousel__container .carousel-arrow-left-enter, .gt-jmy-pc-carousel-container .el-carousel__container .carousel-arrow-left-leave-active { transform: translateY(-50%) translateX(-30px); opacity: 0; } .gt-jmy-pc-carousel-container .el-carousel__container .carousel-arrow-right-enter, .gt-jmy-pc-carousel-container .el-carousel__container .carousel-arrow-right-leave-active { transform: translateY(-50%) translateX(30px); opacity: 0; } */ .gt-jmy-pc-carousel-container ul.el-carousel__indicators .el-carousel__indicator .el-carousel__button { width: 6px; height: 6px; border: 1px solid var(--groot-ui-color-gray-1); border-radius: 50%; background-color: transparent; } /* .gt-jmy-pc-carousel-container ul.el-carousel__indicators .el-carousel__indicator.is-active .el-carousel__button { background-color: var(--groot-ui-color-gray-1); } */ .gt-jmy-pc-carousel-container ul.el-carousel__indicators .hidden-indicator { display: none; } .gt-jmy-pc-carousel-container .gt-jmy-pc-image-single-container { height: 100%; } .gt-jmy-pc-carousel-container .gt-jmy-pc-image-single-container .groot-ui-image { height: 100%; } .gt-jmy-pc-carousel-container .gt-jmy-pc-image-single-container .groot-ui-image img { height: 100%; } .gt-jmy-pc-carousel-container-hurdle { max-width: 88.75em; margin: 0 auto; } .gt-jmy-pc-carousel-container-hurdle .el-carousel--horizontal { height: 15em; width: auto; } .gt-jmy-pc-carousel-container-hurdle .detail-content .hurdle-wrapper { width: calc((var(--groot-ui-page-min-width) - 10) * var(--groot-ui-rpx)); margin: 0 auto; z-index: 3; } .gt-jmy-pc-carousel-container-hurdle .detail-content .hurdle-wrapper .detail-wrapper-xiaodu { margin-left: 0; } .gt-jmy-pc-carousel-container-hurdle .detail-content .hurdle-wrapper .detail-wrapper-xiaodu .content-btn { background-color: var(--groot-ui-color-gray-1) !important; color: var(--groot-ui-color-brand-6) !important; border: 1px solid var(--groot-ui-color-brand-6); font-weight: 600; border-radius: 1.75em !important; width: 12.5em; height: 3.5em; } .gt-jmy-pc-carousel-container-hurdle .hurdle-placeholder { height: 15em; width: 100%; } .gt-jmy-pc-carousel-container-hurdle .hurdle-carousel { width: 100%; height: 100%; position: relative; } .gt-jmy-pc-carousel-container-hurdle .hurdle-carousel-image { width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; position: relative; z-index: 2; } .gt-jmy-pc-carousel-container-hurdle .groot-image-hurdle { height: 15em !important; } .gt-jmy-pc-carousel-container-hurdle-high .el-carousel--horizontal { height: 33.25em; width: auto; } .gt-jmy-pc-carousel-container-hurdle-high .hurdle-placeholder { height: 33.25em; width: 100%; } .gt-jmy-pc-carousel-container-hurdle-high .detail-content-shadow { background-image: none; } .gt-jmy-pc-carousel-container-thumbnail .el-carousel--horizontal { width: auto; border: 1px solid var(--groot-ui-color-gray-4); height: 19.6875em; } .gt-jmy-pc-carousel-container-thumbnail .el-carousel--horizontal .el-carousel__indicators--horizontal, .gt-jmy-pc-carousel-container-thumbnail .el-carousel--horizontal .el-carousel__arrow { display: none; } .gt-jmy-pc-carousel-container-thumbnail .el-carousel--horizontal .el-carousel__container { width: 100%; height: 100% !important; } .gt-jmy-pc-carousel-container-thumbnail .el-carousel--horizontal .el-carousel__container .groot-ui-image img { object-fit: contain; } .gt-jmy-pc-carousel-container-thumbnail .thumbnail-change-bar { width: 26.4375em; margin-top: 0.75em; height: 3.75em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: -moz-flex; display: flex; } .gt-jmy-pc-carousel-container-thumbnail .thumbnail-change-bar-left, .gt-jmy-pc-carousel-container-thumbnail .thumbnail-change-bar-right { width: 1.8125em; height: 3.75em; font-family: "icon-arrow" !important; font-size: var(--groot-ui-font-size-l); font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: -moz-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -moz-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -moz-justify-content: center; -ms-flex-pack: center; justify-content: center; background-color: var(--groot-ui-color-gray-3); cursor: pointer; } .gt-jmy-pc-carousel-container-thumbnail .thumbnail-change-bar-left::before, .gt-jmy-pc-carousel-container-thumbnail .thumbnail-change-bar-right::before { content: "\e61a"; } .gt-jmy-pc-carousel-container-thumbnail .thumbnail-change-bar-left:hover::before, .gt-jmy-pc-carousel-container-thumbnail .thumbnail-change-bar-right:hover::before { color: var(--groot-ui-color-brand-6); } .gt-jmy-pc-carousel-container-thumbnail .thumbnail-change-bar-left.disabled::before, .gt-jmy-pc-carousel-container-thumbnail .thumbnail-change-bar-right.disabled::before { color: var(--groot-ui-color-gray-6); cursor: no-drop; } .gt-jmy-pc-carousel-container-thumbnail .thumbnail-change-bar-left::before { transform: rotate(90deg); color: var(--groot-ui-color-gray-8); } .gt-jmy-pc-carousel-container-thumbnail .thumbnail-change-bar-right::before { transform: rotate(-90deg); color: var(--groot-ui-color-gray-8); } .gt-jmy-pc-carousel-container-thumbnail .thumbnail-change-bar-content { flex: 1; margin: 0 calc(9 * var(--groot-ui-rpx)); overflow: hidden; width: 21.75em; } .gt-jmy-pc-carousel-container-thumbnail .thumbnail-change-bar-content .content-item-box { white-space: nowrap; position: relative; transition: left 0.3s linear; } .gt-jmy-pc-carousel-container-thumbnail .thumbnail-change-bar-content .content-item { width: 5em; height: 3.75em; margin-right: 0.75em; border-radius: 0.1875em; border: 1px solid var(--groot-ui-color-gray-4); overflow: hidden; cursor: pointer; display: inline-block; box-sizing: border-box; } /* .gt-jmy-pc-carousel-container-thumbnail .thumbnail-change-bar-content .content-item:hover, .gt-jmy-pc-carousel-container-thumbnail .thumbnail-change-bar-content .content-item.active { border-color: var(--groot-ui-color-brand-6); border-width: 2px; } */ .gt-jmy-pc-carousel-container-thumbnail .thumbnail-change-bar.no-arrow .thumbnail-change-bar-content .content-item-box { text-align: center; } .gt-jmy-pc-carousel-container-thumbnail .thumbnail-change-bar.no-arrow .thumbnail-change-bar-left, .gt-jmy-pc-carousel-container-thumbnail .thumbnail-change-bar.no-arrow .thumbnail-change-bar-right { display: none; } .flex-pack-justify { -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -moz-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } @font-face { font-family: "icon-guarantee"; src: url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'); } .icon-guarantee { font-family: "icon-guarantee" !important; font-size: var(--groot-ui-font-size-l); font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-xiaoshuai::before { content: "\e62f"; } .icon-caiwu::before { content: "\e630"; } .icon-denglu::before { content: "\e631"; } .icon-baozhang::before { content: "\e632"; } @font-face { font-family: 'icon-fraud-compensation'; src: url('data:font/ttf;charset=utf-8;base64,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') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; } .icon-fraud-compensation { font-family: "icon-fraud-compensation" !important; font-size: 13px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-fraud-compensation::before { content: "\e6c0"; } @font-face { font-family: 'icon-safeguarding-rights'; src: url('data:font/ttf;charset=utf-8;base64,AAEAAAANAIAAAwBQRkZUTZD5VpUAAAcYAAAAHEdERUYAKQAKAAAG+AAAAB5PUy8yPPRJjgAAAVgAAABgY21hcAAP6moAAAHIAAABQmdhc3D//wADAAAG8AAAAAhnbHlmoXQ7jAAAAxgAAAEMaGVhZB50c3gAAADcAAAANmhoZWEHnQOFAAABFAAAACRobXR4DAAAQQAAAbgAAAAQbG9jYQCGAAAAAAMMAAAACm1heHABEQBgAAABOAAAACBuYW1lXoIBAgAABCQAAAKCcG9zdKqWk90AAAaoAAAARQABAAAAAQAAV/PGd18PPPUACwQAAAAAAN2ql8YAAAAA3aqXxgBB/4UDvwNqAAAACAACAAAAAAAAAAEAAAOA/4AAXAQAAAAAAAO/AAEAAAAAAAAAAAAAAAAAAAAEAAEAAAAEAFQAAwAAAAAAAgAAAAoACgAAAP8AAAAAAAAABAQAAZAABQAAAokCzAAAAI8CiQLMAAAB6wAyAQgAAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZADA5r/mvwOA/4AAAAPcAIAAAAABAAAAAAAAAAAAAAAgAAEEAAAAAAAAAAQAAAAEAABBAAAAAwAAAAMAAAAcAAEAAAAAADwAAwABAAAAHAAEACAAAAAEAAQAAQAA5r///wAA5r///xlEAAEAAAAAAAABBgAAAQAAAAAAAAABAgAAAAIAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAhgAAAAMAQf+FA78DagAiAEcAUwAAATYXBR4BFREUBw4CBwYHBgcGLwEmJyYnLgInJjURNDY3JSYHBQ4BFREUFxYXHgEXFhcWHwEWNzY3Njc+ATc2NzY1ETQmJwcXBw4BLwE3Fx4BNwHkHR0BRCk0FxdJWDAsLxUhKSkIGBYxLTFbTBcZNCoBcxES/rsYIBQUISRVLiouEBkIGxseEiwpLVIiIBQTIBiHI9oWPBaII4QHFAgDYwcHTwpDK/55MC8tVEYdGhUICgwMAgcJFRodRlQsLzEBhytDCh4EBE8GJxr+eSQkJyUnQhsZEwcHAggICAgTGRtCJiUnJSQBhxonBr4j3BYCFIUkgwcBBgAAAAAAABIA3gABAAAAAAAAABMAKAABAAAAAAABAAgATgABAAAAAAACAAcAZwABAAAAAAADAAgAgQABAAAAAAAEAAgAnAABAAAAAAAFAAsAvQABAAAAAAAGAAgA2wABAAAAAAAKACsBPAABAAAAAAALABMBkAADAAEECQAAACYAAAADAAEECQABABAAPAADAAEECQACAA4AVwADAAEECQADABAAbwADAAEECQAEABAAigADAAEECQAFABYApQADAAEECQAGABAAyQADAAEECQAKAFYA5AADAAEECQALACYBaABDAHIAZQBhAHQAZQBkACAAYgB5ACAAaQBjAG8AbgBmAG8AbgB0AABDcmVhdGVkIGJ5IGljb25mb250AABpAGMAbwBuAGYAbwBuAHQAAGljb25mb250AABSAGUAZwB1AGwAYQByAABSZWd1bGFyAABpAGMAbwBuAGYAbwBuAHQAAGljb25mb250AABpAGMAbwBuAGYAbwBuAHQAAGljb25mb250AABWAGUAcgBzAGkAbwBuACAAMQAuADAAAFZlcnNpb24gMS4wAABpAGMAbwBuAGYAbwBuAHQAAGljb25mb250AABHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAHMAdgBnADIAdAB0AGYAIABmAHIAbwBtACAARgBvAG4AdABlAGwAbABvACAAcAByAG8AagBlAGMAdAAuAABHZW5lcmF0ZWQgYnkgc3ZnMnR0ZiBmcm9tIEZvbnRlbGxvIHByb2plY3QuAABoAHQAdABwADoALwAvAGYAbwBuAHQAZQBsAGwAbwAuAGMAbwBtAABodHRwOi8vZm9udGVsbG8uY29tAAAAAAIAAAAAAAAACgAAAAAAAQAAAAAAAAAAAAAAAAAAAAAABAAAAAEAAgECGlBDX2ljb25feGllemh1d2VpcXVhbi1jb3B5AAAAAAAAAf//AAIAAQAAAAwAAAAWAAAAAgABAAMAAwABAAQAAAACAAAAAAAAAAEAAAAA1aQnCAAAAADdqpfGAAAAAN2ql8Y=') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; } .icon-safeguarding-rights { font-family: "icon-safeguarding-rights" !important; font-size: 13px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-safeguarding-rights::before { content: "\e6bf"; } @font-face { font-family: 'icon-false-compensation'; src: url('data:font/ttf;charset=utf-8;base64,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') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; } .icon-false-compensation { font-family: "icon-false-compensation" !important; font-size: 13px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-false-compensation::before { content: "\e6be"; } .gt-jmy-pc-footer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: -moz-flex; display: flex; -webkit-box-pack: space-between; -webkit-justify-content: space-between; -moz-box-pack: space-between; -moz-justify-content: space-between; -ms-flex-pack: space-between; justify-content: space-between; -webkit-box-orient: column; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; box-sizing: border-box; padding-top: var(--groot-ui-spacing-unit-6); padding-bottom: var(--groot-ui-spacing-unit-4); } .gt-jmy-pc-footer-top { margin: 0 auto; margin-bottom: var(--groot-ui-spacing-unit-5); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: -moz-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -moz-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -moz-align-items: center; -ms-flex-align: center; align-items: center; } .gt-jmy-pc-footer-top-head { padding-right: 3.125em; padding-left: 3.125em; text-align: center; display: inline-block; position: relative; font-weight: var(--groot-ui-font-weight-2); color: var(--groot-ui-color-gray-9); font-size: var(--groot-ui-font-size-l); } .gt-jmy-pc-footer-top-head::after { content: ''; position: absolute; right: 0; top: 50%; border-right: 1px solid var(--groot-ui-color-gray-5); margin-top: -0.4375em; height: 0.875em; } .gt-jmy-pc-footer-top-head:last-child::after { display: none; } .gt-jmy-pc-footer-top-head:hover { color: var(--groot-ui-color-brand-6); cursor: pointer; } .gt-jmy-pc-footer-center { font-size: var(--groot-ui-font-size-s); display: block; width: 100%; line-height: 2; text-align: center; } .gt-jmy-pc-footer-center-record:hover { color: var(--groot-ui-color-brand-6); cursor: pointer; } .gt-jmy-pc-footer-center span { color: var(--groot-ui-color-gray-8); margin-left: calc(10 * var(--groot-ui-rpx)); } .gt-jmy-pc-footer-guarantee { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: -moz-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -moz-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -moz-justify-content: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 1.875em; } .gt-jmy-pc-footer-guarantee .guarantee-item { margin-right: 5em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: -moz-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -moz-align-items: center; -ms-flex-align: center; align-items: center; cursor: pointer; } .gt-jmy-pc-footer-guarantee .guarantee-item .icon-guarantee { font-size: 2.1875em; color: var(--groot-ui-color-gray-9); } .gt-jmy-pc-footer-guarantee .guarantee-item .icon-guarantee.icon-denglu { font-size: 2.0625em; } .gt-jmy-pc-footer-guarantee .guarantee-item .icon-guarantee.icon-baozhang { font-size: 2.3125em; } .gt-jmy-pc-footer-guarantee .guarantee-item .icon-guarantee-new { font-size: 2.5em; color: var(--groot-ui-color-gray-9); } .gt-jmy-pc-footer-guarantee .guarantee-item .guarantee-item-content { margin-left: 0.8125em; padding: calc(6 * var(--groot-ui-rpx)) 0; } .gt-jmy-pc-footer-guarantee .guarantee-item .guarantee-item-content-title { color: var(--groot-ui-color-gray-9); font-weight: bold; font-size: 0.9375em; margin-bottom: 0.375em; } .gt-jmy-pc-footer-guarantee .guarantee-item .guarantee-item-content-context { color: var(--groot-ui-color-gray-7); font-size: 0.75em; } .gt-jmy-pc-footer-guarantee .guarantee-item:last-child { margin-right: 0em; } .gt-jmy-pc-footer-guarantee .guarantee-item:hover .icon-guarantee { color: var(--groot-ui-color-brand-6); } .gt-jmy-pc-footer-guarantee .guarantee-item:hover .icon-guarantee-new { color: var(--groot-ui-color-brand-6); } .gt-jmy-pc-footer .trade-warning-info { font-size: var(--groot-ui-font-size-s); color: var(--groot-ui-color-gray-8); line-height: var(--groot-ui-font-size-s); margin-top: calc(10 * var(--groot-ui-rpx)); text-align: center; } .groot-ui-image { margin: 0; padding: 0; display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */ display: -moz-box; /* 老版本语法: Firefox (buggy) */ display: -ms-flexbox; /* 混合版本语法: IE 10 */ display: -webkit-flex; /* 新版本语法: Chrome 21+ */ display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */ -webkit-box-align: center; -moz-align-items: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -moz-justify-content: center; -webkit-justify-content: center; justify-content: center; } .groot-ui-image.m-groot-ui-mobile-image { display: block; font-size: 0; } @font-face { font-family: "icon-close"; src: url('data:application/font-woff;base64,d09GRgABAAAAAAPkAAsAAAAABkAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFZBlU0RY21hcAAAAYAAAABLAAABcOxHxQdnbHlmAAABzAAAADAAAAA0AEl8/WhlYWQAAAH8AAAALAAAADYYgvxqaGhlYQAAAigAAAAcAAAAJAfeA4NobXR4AAACRAAAAAgAAAAICAAAAGxvY2EAAAJMAAAABgAAAAYAGgAAbWF4cAAAAlQAAAAeAAAAIAENABhuYW1lAAACdAAAAVAAAAKFsqzUC3Bvc3QAAAPEAAAAHgAAAC/JfXB6eJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkYWCcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGBxey7+WZ27438AQw9zA0AAUZgTJAQDizwwreJxjYGBgZWBgYAZiHSBmYWBgDGFgZAABP6AoI1icmYELLM7CoARWwwISfy3//z+MBPJZwCQDIxvDKOABkzJQHjisIJiBEQCBBgn5AHicY2BkAAJmbabVDNwMDIzq7Ors4uzi5uLm6szatu/e2b5/DyaZ8mAsIAkAEA0Rt3icY2BkYGAA4pCpyq3x/DZfGbhZGEDg1qaYRGSahYFpNZDiYGAC8QACywiPeJxjYGRgYG7438AQw8IAAkCSkQEVMAEARwgCawQAAAAEAAAAAAAAAAAaAAB4nGNgZGBgYGLgYQDRIBYDAxcQMjD8B/MZAAnDASYAAHicbZI9bsJAFIRn+YtipBQJScpsRRGE+SlpUaCMREFvzBqMbK+1XpBIlwPkPDlETpAmN8gdMpiNkBC23vO3s7PjJ9kAbvEDgeN1zzqygMfVkSu4wpPjKvW24xq577iOJkaOG9RfHHvo4NVxE3d4Y4KoXXP1jA/HAi18Oq7gBl+Oq9S/HdfIv47reBDCcQMt8ejYw1x0HDfRFu/e2KjAqqVc7GUc6izSmfUO0A0TXaiZWm2TwJyEE82VKWKdyYHfP4lTlSnzn1fsVkNrIxkZncoJg1WSaJkbvVGh9dfW5qNeL3K6H+qU441hoBDAsi8hscCePUYIjQxR2S19/0qXz4RU0D9jrbDlOmDKJcclbc4ypLjckRjA5ye75JyystJ9Pl+BHd88pGo5o2QZnklJEzexYsohRyIv9zZUQuo+1uWpnL9Gj3d05vfLOdI/OX9y9XicY2BigAAuBuyAiZGJkZmBNTknvziVgQEADPwCMQAA') format('woff'); } .icon-close { font-family: "icon-close" !important; font-size: var(--groot-ui-font-size-l); font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-close::before { content: "\eb1f"; } .gt-jmy-pc-float-conversion-left-container { position: fixed; max-width: calc(120 * var(--groot-ui-rpx)); overflow: hidden; max-height: calc(370 * var(--groot-ui-rpx)); left: 0; top: 50%; z-index: 100; transform: translateY(-50%); } .gt-jmy-pc-float-conversion-left-container .close { background: rgba(0, 0, 0, 0.6); border-radius: calc(4 * var(--groot-ui-rpx)); width: calc(24 * var(--groot-ui-rpx)); height: calc(24 * var(--groot-ui-rpx)); position: absolute; top: 0; right: 0; cursor: pointer; } .gt-jmy-pc-float-conversion-left-container .close .icon-close { color: #fff; height: calc(24 * var(--groot-ui-rpx)); line-height: calc(24 * var(--groot-ui-rpx)); text-align: center; width: calc(24 * var(--groot-ui-rpx)); display: inline-block; font-size: 17px; } .flex-pack-justify { -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -moz-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } @font-face { font-family: "icon-phone"; src: url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAANsAAsAAAAAB1QAAAMdAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCCcAqCTIIiATYCJAMICwYABCAFhG0HQhtaBsgOJUGRwADgAUBBPDyNuffvbhviFtfRLBqKeIhETxAbKdC9BObL85sPeb6sypO47UsnSx1Oom9gupCP+2rE4bQpPv+8y3GsSWNt6gKMAymgvTHawgUUGMcNYxe4hNMEmowp4LbVNTABfBXWpEDc0qQR+Oa0Skt6aBCqNSuLeANeGtKL+3XAa/j5+FMWviSVzMraPe+0gJbPBjvKY55rHo1PALz5zGDryFgBFOKw1rrNIw6s8NCkBTxNAftKDz4bXC6fu9sfHkFUWaktYARy74nn8m+VPYFCZy4A96NeTp4simWlTZFLz9bsu5MZs+dMzDUpdd3FjJMV950yp1O+51b1MUnmv/Vk7H1pUpLkJ/JX7Ile78zyXxoZuTTH+btHs7Y7i1Zvyc7eExOzuih6f97yaPOyyIIoSZqI7HrglJWsPBotW74mRr5i20VtXnvPZA+02p/m7fxy4+f82Yt+4bV89x5t/M06OxbnJbk6Vdwb93lDk2K0W7jsdu1A2l0DpdTvrVfE+h5+GBd1RKVd4VY6bvm0ZMV/c+yFnu6tkqE5yLhravvZdLzn+/Hl1r46/1CyQLkpyO79sUXXMXciPdXQMreYqcNb6aKt3aAFufKLR+Tv/476nZ7RhzT8820u4OPbxpRQXfSzAw03aQt+Nq9nQ9EFli4VlVcbSS54vERZkyb8w84uz8cqe98sEhr0vp+9ZjRF1mCGWKgrqGhWR1WDVTRZ1r2+WTeBhyiNWLIYIHQ4gKTNO7ION4iF+gwVfb6hqiM80OQ4InZsNhe0f7uAjBhZoGk6pM02K+EYsH+UPoZIkTMKWUFIkyHBQbthaVFJMdyNrEiYY45jClmGMQEJwcbDLnAe4jgbtAs2BplxEYWxva64mKi7UpHZxgN/mwSIEYZYQCbTQTQzGyvCb435l94/BiGJOEZCS12NUwYRONDdQ6WKlPQgdkutveru5RKHKUhlMIwAEQQ2PKgLmBHODthA9vphDMQMK0KN8NnVKUbNiL7SovXl/NdtgyaWKoXdKxs4QSbaaJ0mulGEWEiJtJNnQjSBrAAAAAAA') format('woff2'); } .icon-phone { font-family: "icon-phone" !important; font-size: var(--groot-ui-font-size-l); font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-phone::before { content: "\e63c"; } @font-face { font-family: "icon-rocket"; src: url('data:application/font-woff;base64,d09GRgABAAAAAATQAAsAAAAABxgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFY9JkiiY21hcAAAAYAAAABLAAABcOfYt7pnbHlmAAABzAAAARwAAAEc7QzK6WhlYWQAAALoAAAALwAAADYYg3FNaGhlYQAAAxgAAAAcAAAAJAfeA4NobXR4AAADNAAAAAgAAAAICAAAAGxvY2EAAAM8AAAABgAAAAYAjgAAbWF4cAAAA0QAAAAgAAAAIAETAGJuYW1lAAADZAAAAUUAAAJtPlT+fXBvc3QAAASsAAAAJAAAADU8TD/ZeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkYWCcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGByebXi2gbnhfwNDDHMDQwNQmBEkBwD4pQ1DeJxjYGBgZWBgYAZiHSBmYWBgDGFgZAABP6AoI1icmYELLM7CoARWwwISf7bh/38YCeSzgEkGRjaGUcADJmWgPHBYQTADIwDXWQwpAAAHAAD/iQNFA3kAIQApACwANABBAEkAVQAAJQYPAS8BJicGBwYPAScmPwEmNzY/ARcWBxcWDwEnJicmJzcWFxYXNicGBScVJyYnBhc2NzYTBiMnJjY3NjIXHgEHAwYfATYCJwYXDgEuAjY3NjIWFAJ5ERQJrwgODA4NIjwjCSNwAQsHFLAfG9omB2woCiM7IQ0MHAoMGSMKMRH+zAEdGREwBx4fDLACASkHBAsPJg8LBQjREXVsehePlLEJGRoTBgYKDycdnR8eDgcOFhYDBg4gFCihcQFBQsGZGRvP/wh0oCgVIhAFBDcDBgsUVkQ7dgICNzU5QFQQDQX+xAFNDh4MDg4MHg4CKaTHBcEBSI6FqwkHBxIaGQoNHScAeJxjYGRgYADivufHhOP5bb4ycLMwgMCtTWLLEfT/ThYG5kogl4OBCSQKADnQCqMAeJxjYGRgYG7438AQw8IAAkCSkQEVMAEARwgCawQAAAAEAAAAAAAAAACOAAAAAQAAAAIAVgAHAAAAAAACAAAACgAKAAAA/wAAAAAAAHicZY9NTsMwEIVf+gekEqqoYIfkBWIBKP0Rq25YVGr3XXTfpk6bKokjx63UA3AejsAJOALcgDvwSCebNpbH37x5Y08A3OAHHo7fLfeRPVwyO3INF7gXrlN/EG6QX4SbaONVuEX9TdjHM6bCbXRheYPXuGL2hHdhDx18CNdwjU/hOvUv4Qb5W7iJO/wKt9Dx6sI+5l5XuI1HL/bHVi+cXqnlQcWhySKTOb+CmV7vkoWt0uqca1vEJlODoF9JU51pW91T7NdD5yIVWZOqCas6SYzKrdnq0AUb5/JRrxeJHoQm5Vhj/rbGAo5xBYUlDowxQhhkiMro6DtVZvSvsUPCXntWPc3ndFsU1P9zhQEC9M9cU7qy0nk6T4E9XxtSdXQrbsuelDSRXs1JErJCXta2VELqATZlV44RelzRiT8oZ0j/AAlabsgAAAB4nGNgYoAALgbsgImRiZGZgTujND8rMzEvKTMlkYEBACgDBJ8=') format('woff'); } .icon-rocket { font-family: "icon-rocket" !important; font-size: var(--groot-ui-font-size-l); font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-rocket::before { content: "\e6b0"; } @font-face { font-family: "icon-pencil"; src: url('data:application/font-woff;base64,d09GRgABAAAAAARoAAsAAAAABqwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFY9LkiqY21hcAAAAYAAAABLAAABcOfgt9JnbHlmAAABzAAAALQAAAC0TbcVjWhlYWQAAAKAAAAALQAAADYYsBGbaGhlYQAAArAAAAAcAAAAJAfeA4NobXR4AAACzAAAAAgAAAAICAAAAGxvY2EAAALUAAAABgAAAAYAWgAAbWF4cAAAAtwAAAAgAAAAIAEQAEBuYW1lAAAC/AAAAUUAAAJtPlT+fXBvc3QAAAREAAAAIQAAADLH29CqeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkYWCcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGBye7Xi2g7nhfwNDDHMDQwNQmBEkBwD55Q1TeJxjYGBgZWBgYAZiHSBmYWBgDGFgZAABP6AoI1icmYELLM7CoARWwwISf7bj/38YCeSzgEkGRjaGUcADJmWgPHBYQTADIwDq6QxJAAAEAAAAAAOgAv4AFAAgACsAMwAAAR4BFAYHAQ4BDwEiJjU3PgE3ATYyEzYWBiMhLgE/ATYzAwEOAQcVMz4BNwEnFzc2JicuAQMVHiAgHv68JFwzlhIZAQEmJAFEQKikExMTE/6jDQgKExcdXP7qGBoBayI9GAEXgq8GIAMjJmMCwB5MVEwe/r4kJgEBGRGXM1wkAUI+/U8BISABFwgPEQIK/usYPiJqARkYARXesAYmXyQkAXicY2BkYGAA4m0ZF6/E89t8ZeBmYQCBWyeeXUCmWRiY/gEpDgYmEA8AbVoMMgAAAHicY2BkYGBu+N/AEMPCAAJAkpEBFTABAEcIAmsEAAAABAAAAAAAAAAAWgAAAAEAAAACADQABAAAAAAAAgAAAAoACgAAAP8AAAAAAAB4nGWPTU7DMBCFX/oHpBKqqGCH5AViASj9EatuWFRq911036ZOmyqJI8et1ANwHo7ACTgC3IA78EgnmzaWx9+8eWNPANzgBx6O3y33kT1cMjtyDRe4F65TfxBukF+Em2jjVbhF/U3YxzOmwm10YXmD17hi9oR3YQ8dfAjXcI1P4Tr1L+EG+Vu4iTv8CrfQ8erCPuZeV7iNRy/2x1YvnF6p5UHFockikzm/gple75KFrdLqnGtbxCZTg6BfSVOdaVvdU+zXQ+ciFVmTqgmrOkmMyq3Z6tAFG+fyUa8XiR6EJuVYY/62xgKOcQWFJQ6MMUIYZIjK6Og7VWb0r7FDwl57Vj3N53RbFNT/c4UBAvTPXFO6stJ5Ok+BPV8bUnV0K27LnpQ0kV7NSRKyQl7WtlRC6gE2ZVeOEXpc0Yk/KGdI/wAJWm7IAAAAeJxjYGKAAC4G7ICJkYmRmYEjKTMxPyUxz5CBAQAXKQMdAAAA') format('woff'); } .icon-pencil { font-family: "icon-pencil" !important; font-size: var(--groot-ui-font-size-l); font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-pencil::before { content: "\e6b8"; } @font-face { font-family: "icon-chat"; src: url('data:application/font-woff;base64,d09GRgABAAAAAASgAAsAAAAABxQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFY9I0ifY21hcAAAAYAAAABLAAABcOfVt7FnbHlmAAABzAAAAO0AAAEgh4Ag82hlYWQAAAK8AAAALwAAADYYg3IqaGhlYQAAAuwAAAAcAAAAJAfeA4NobXR4AAADCAAAAAgAAAAICAAAAGxvY2EAAAMQAAAABgAAAAYAkAAAbWF4cAAAAxgAAAAgAAAAIAERAGpuYW1lAAADOAAAAUUAAAJtPlT+fXBvc3QAAASAAAAAHwAAADDpq3l9eJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkYWCcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGByerX22lrnhfwNDDHMDQwNQmBEkBwD4LQ09eJxjYGBgZWBgYAZiHSBmYWBgDGFgZAABP6AoI1icmYELLM7CoARWwwISf7b2/38YCeSzgEkGRjaGUcADJmWgPHBYQTADIwDQAwwdAHicZY0xTsQwEEVnPGs7DrC73ngnBZKFgxQLrUSRXRLRgIRERYugouAAQEXHKeg4AseAjop+75IFKxRI0MyfL/3/H0iArzV90gIqOIMLuIQbAAyV0mqCY5xbL9pTDE3btd0JHtlVHet4iDI0XHLpUVtOUT1GHfZTo1j9BIuqbpcNO7X891DXP/to9yxlSuzMOX8RB4M3WWaSxP5OPLpC5XJEiDSSubTT/l1umVsUg3vismTL/PZHaZEGgpzUu/3D9swIfa/NLA16fPVxGhLgikjmqnCba+eUkZQA+lwcDzSizUeMXPHvAfgG/F8m/wAAAHicY2BkYGAA4v9+S17F89t8ZeBmYQCBW5vERRD0/1ssDMzaQC4HAxNIFAA4qQoPAHicY2BkYGBu+N/AEMPCAAJAkpEBFTABAEcIAmsEAAAABAAAAAAAAAAAkAAAAAEAAAACAF4ABQAAAAAAAgAAAAoACgAAAP8AAAAAAAB4nGWPTU7DMBCFX/oHpBKqqGCH5AViASj9EatuWFRq911036ZOmyqJI8et1ANwHo7ACTgC3IA78EgnmzaWx9+8eWNPANzgBx6O3y33kT1cMjtyDRe4F65TfxBukF+Em2jjVbhF/U3YxzOmwm10YXmD17hi9oR3YQ8dfAjXcI1P4Tr1L+EG+Vu4iTv8CrfQ8erCPuZeV7iNRy/2x1YvnF6p5UHFockikzm/gple75KFrdLqnGtbxCZTg6BfSVOdaVvdU+zXQ+ciFVmTqgmrOkmMyq3Z6tAFG+fyUa8XiR6EJuVYY/62xgKOcQWFJQ6MMUIYZIjK6Og7VWb0r7FDwl57Vj3N53RbFNT/c4UBAvTPXFO6stJ5Ok+BPV8bUnV0K27LnpQ0kV7NSRKyQl7WtlRC6gE2ZVeOEXpc0Yk/KGdI/wAJWm7IAAAAeJxjYGKAAC4G7ICJkYmRmYGtKrOiNM+QgQEAENACiwA=') format('woff'); } .icon-chat { font-family: "icon-chat" !important; font-size: var(--groot-ui-font-size-l); font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-chat::before { content: "\e6ad"; } .gt-jmy-pc-float-conversion-bottom-container { position: fixed; bottom: 0; right: var(--groot-ui-spacing-unit-4); z-index: 100; box-shadow: var(--groot-ui-shadow-3); } .gt-jmy-pc-float-conversion-bottom-container .bottom-context { float: left; cursor: default; box-sizing: border-box; height: var(--groot-ui-spacing-unit-8); padding: 0 var(--groot-ui-spacing-unit-4); text-align: right; background-color: var(--groot-ui-color-gray-1); border-top-left-radius: var(--groot-ui-border-radius-1); border-top-right-radius: var(--groot-ui-border-radius-1); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: -moz-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -moz-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: column; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; } .gt-jmy-pc-float-conversion-bottom-container .bottom-context .slogan { font-weight: var(--groot-ui-font-weight-2); color: var(--groot-ui-color-gray-9); font-size: var(--groot-ui-font-size-l); overflow: hidden; white-space: nowrap; } .gt-jmy-pc-float-conversion-bottom-container .bottom-context .subSlogan { font-weight: var(--groot-ui-font-weight-1); color: var(--groot-ui-color-gray-7); font-size: var(--groot-ui-font-size-s); overflow: hidden; white-space: nowrap; } .gt-jmy-pc-float-conversion-bottom-container .gt-jmy-pc-button-container { float: left; } .gt-jmy-pc-float-conversion-bottom-container .gt-jmy-pc-button-container .gt-jmy-pc-float-conversion-bottom-button { min-width: calc(150 * var(--groot-ui-rpx)); padding: var(--groot-ui-spacing-unit-4) calc(40 * var(--groot-ui-rpx)); height: var(--groot-ui-spacing-unit-8); font-weight: var(--groot-ui-font-weight-1); color: var(--groot-ui-color-gray-1); border-top-left-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .gt-jmy-pc-float-conversion-bottom-container .gt-jmy-pc-button-container .gt-jmy-pc-float-conversion-bottom-button:focus, .gt-jmy-pc-float-conversion-bottom-container .gt-jmy-pc-button-container .gt-jmy-pc-float-conversion-bottom-button:hover { color: var(--groot-ui-color-gray-1); } .gt-jmy-pc-float-conversion-bottom-container .gt-jmy-pc-button-container .gt-jmy-pc-float-conversion-bottom-button-consult { text-align: left; border-top-left-radius: var(--groot-ui-border-radius-1); } .gt-jmy-pc-float-conversion-bottom-container .gt-jmy-pc-button-container .gt-jmy-pc-float-conversion-bottom-button .btn-inner-icon { margin-right: var(--groot-ui-spacing-unit-2); } .gt-jmy-pc-float-conversion-bottom-container .gt-jmy-pc-button-container .gt-jmy-pc-float-conversion-bottom-button .btn-inner-icon.icon-wechat { margin-right: calc(6 * var(--groot-ui-rpx)); } .gt-jmy-pc-float-conversion-bottom-container .gt-jmy-pc-button-container .float-bottom-button-ctn { display: inline-block; } .gt-jmy-pc-float-conversion-bottom-container .gt-jmy-pc-button-container .float-bottom-button-ctn .float-bottom-consult-normal { display: inline-block; font-weight: var(--groot-ui-font-weight-2); } .gt-jmy-pc-float-conversion-bottom-container .gt-jmy-pc-button-container .float-bottom-button-ctn .float-bottom-consult-unread { display: inline-block; font-weight: var(--groot-ui-font-weight-2); animation: moveLeft2-data-v-1ec99f7f 3s linear infinite; } .gt-jmy-pc-float-conversion-bottom-container .gt-jmy-pc-button-container .float-bottom-button-ctn .float-bottom-consult-unread-nomove { display: inline-block; font-weight: var(--groot-ui-font-weight-2); } .gt-jmy-pc-float-conversion-bottom-container .gt-jmy-pc-button-container .float-bottom-button-ctn .float-bottom-consult-invite { display: inline-block; font-weight: var(--groot-ui-font-weight-2); animation: moveLeft1-data-v-1ec99f7f 3s linear infinite; } .gt-jmy-pc-float-conversion-bottom-container .gt-jmy-pc-button-container .float-bottom-button-ctn .float-bottom-consult-invite-nomove { display: inline-block; font-weight: var(--groot-ui-font-weight-2); } .gt-jmy-pc-float-conversion-bottom-container .gt-jmy-pc-button-container .float-bottom-button-ctn .move-to-bottom { top: calc(20 * var(--groot-ui-rpx)); transition: top 2s; } .gt-jmy-pc-float-conversion-bottom-container .gt-jmy-pc-button-container .float-bottom-button-ctn .unreadTip { position: absolute; left: calc(63 * var(--groot-ui-rpx)); background-color: var(--groot-ui-color-error-6); border-radius: 50%; } .gt-jmy-pc-float-conversion-bottom-container .gt-jmy-pc-button-container .float-bottom-button-ctn.float-bottom-consult-ctn { white-space: nowrap; } .gt-jmy-pc-float-conversion-bottom-container::after { content: ''; display: table; clear: both; } @keyframes moveLeft1-data-v-1ec99f7f { 0% { transform: translateX(0); } 5% { transform: translateX(0); } 100% { transform: translateX(-80%); } } @keyframes moveLeft2-data-v-1ec99f7f { 0% { transform: translateX(0); } 5% { transform: translateX(0); } 100% { transform: translateX(-30%); } } @font-face { font-family: "icon-phone"; src: url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAANsAAsAAAAAB1QAAAMdAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCCcAqCTIIiATYCJAMICwYABCAFhG0HQhtaBsgOJUGRwADgAUBBPDyNuffvbhviFtfRLBqKeIhETxAbKdC9BObL85sPeb6sypO47UsnSx1Oom9gupCP+2rE4bQpPv+8y3GsSWNt6gKMAymgvTHawgUUGMcNYxe4hNMEmowp4LbVNTABfBXWpEDc0qQR+Oa0Skt6aBCqNSuLeANeGtKL+3XAa/j5+FMWviSVzMraPe+0gJbPBjvKY55rHo1PALz5zGDryFgBFOKw1rrNIw6s8NCkBTxNAftKDz4bXC6fu9sfHkFUWaktYARy74nn8m+VPYFCZy4A96NeTp4simWlTZFLz9bsu5MZs+dMzDUpdd3FjJMV950yp1O+51b1MUnmv/Vk7H1pUpLkJ/JX7Ile78zyXxoZuTTH+btHs7Y7i1Zvyc7eExOzuih6f97yaPOyyIIoSZqI7HrglJWsPBotW74mRr5i20VtXnvPZA+02p/m7fxy4+f82Yt+4bV89x5t/M06OxbnJbk6Vdwb93lDk2K0W7jsdu1A2l0DpdTvrVfE+h5+GBd1RKVd4VY6bvm0ZMV/c+yFnu6tkqE5yLhravvZdLzn+/Hl1r46/1CyQLkpyO79sUXXMXciPdXQMreYqcNb6aKt3aAFufKLR+Tv/476nZ7RhzT8820u4OPbxpRQXfSzAw03aQt+Nq9nQ9EFli4VlVcbSS54vERZkyb8w84uz8cqe98sEhr0vp+9ZjRF1mCGWKgrqGhWR1WDVTRZ1r2+WTeBhyiNWLIYIHQ4gKTNO7ION4iF+gwVfb6hqiM80OQ4InZsNhe0f7uAjBhZoGk6pM02K+EYsH+UPoZIkTMKWUFIkyHBQbthaVFJMdyNrEiYY45jClmGMQEJwcbDLnAe4jgbtAs2BplxEYWxva64mKi7UpHZxgN/mwSIEYZYQCbTQTQzGyvCb435l94/BiGJOEZCS12NUwYRONDdQ6WKlPQgdkutveru5RKHKUhlMIwAEQQ2PKgLmBHODthA9vphDMQMK0KN8NnVKUbNiL7SovXl/NdtgyaWKoXdKxs4QSbaaJ0mulGEWEiJtJNnQjSBrAAAAAAA') format('woff2'); } .icon-phone { font-family: "icon-phone" !important; font-size: var(--groot-ui-font-size-l); font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-phone::before { content: "\e63c"; } @font-face { font-family: "icon-rocket"; src: url('data:application/font-woff;base64,d09GRgABAAAAAATQAAsAAAAABxgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFY9JkiiY21hcAAAAYAAAABLAAABcOfYt7pnbHlmAAABzAAAARwAAAEc7QzK6WhlYWQAAALoAAAALwAAADYYg3FNaGhlYQAAAxgAAAAcAAAAJAfeA4NobXR4AAADNAAAAAgAAAAICAAAAGxvY2EAAAM8AAAABgAAAAYAjgAAbWF4cAAAA0QAAAAgAAAAIAETAGJuYW1lAAADZAAAAUUAAAJtPlT+fXBvc3QAAASsAAAAJAAAADU8TD/ZeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkYWCcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGByebXi2gbnhfwNDDHMDQwNQmBEkBwD4pQ1DeJxjYGBgZWBgYAZiHSBmYWBgDGFgZAABP6AoI1icmYELLM7CoARWwwISf7bh/38YCeSzgEkGRjaGUcADJmWgPHBYQTADIwDXWQwpAAAHAAD/iQNFA3kAIQApACwANABBAEkAVQAAJQYPAS8BJicGBwYPAScmPwEmNzY/ARcWBxcWDwEnJicmJzcWFxYXNicGBScVJyYnBhc2NzYTBiMnJjY3NjIXHgEHAwYfATYCJwYXDgEuAjY3NjIWFAJ5ERQJrwgODA4NIjwjCSNwAQsHFLAfG9omB2woCiM7IQ0MHAoMGSMKMRH+zAEdGREwBx4fDLACASkHBAsPJg8LBQjREXVsehePlLEJGRoTBgYKDycdnR8eDgcOFhYDBg4gFCihcQFBQsGZGRvP/wh0oCgVIhAFBDcDBgsUVkQ7dgICNzU5QFQQDQX+xAFNDh4MDg4MHg4CKaTHBcEBSI6FqwkHBxIaGQoNHScAeJxjYGRgYADivufHhOP5bb4ycLMwgMCtTWLLEfT/ThYG5kogl4OBCSQKADnQCqMAeJxjYGRgYG7438AQw8IAAkCSkQEVMAEARwgCawQAAAAEAAAAAAAAAACOAAAAAQAAAAIAVgAHAAAAAAACAAAACgAKAAAA/wAAAAAAAHicZY9NTsMwEIVf+gekEqqoYIfkBWIBKP0Rq25YVGr3XXTfpk6bKokjx63UA3AejsAJOALcgDvwSCebNpbH37x5Y08A3OAHHo7fLfeRPVwyO3INF7gXrlN/EG6QX4SbaONVuEX9TdjHM6bCbXRheYPXuGL2hHdhDx18CNdwjU/hOvUv4Qb5W7iJO/wKt9Dx6sI+5l5XuI1HL/bHVi+cXqnlQcWhySKTOb+CmV7vkoWt0uqca1vEJlODoF9JU51pW91T7NdD5yIVWZOqCas6SYzKrdnq0AUb5/JRrxeJHoQm5Vhj/rbGAo5xBYUlDowxQhhkiMro6DtVZvSvsUPCXntWPc3ndFsU1P9zhQEC9M9cU7qy0nk6T4E9XxtSdXQrbsuelDSRXs1JErJCXta2VELqATZlV44RelzRiT8oZ0j/AAlabsgAAAB4nGNgYoAALgbsgImRiZGZgTujND8rMzEvKTMlkYEBACgDBJ8=') format('woff'); } .icon-rocket { font-family: "icon-rocket" !important; font-size: var(--groot-ui-font-size-l); font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-rocket::before { content: "\e6b0"; } @font-face { font-family: "icon-pencil"; src: url('data:application/font-woff;base64,d09GRgABAAAAAARoAAsAAAAABqwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFY9LkiqY21hcAAAAYAAAABLAAABcOfgt9JnbHlmAAABzAAAALQAAAC0TbcVjWhlYWQAAAKAAAAALQAAADYYsBGbaGhlYQAAArAAAAAcAAAAJAfeA4NobXR4AAACzAAAAAgAAAAICAAAAGxvY2EAAALUAAAABgAAAAYAWgAAbWF4cAAAAtwAAAAgAAAAIAEQAEBuYW1lAAAC/AAAAUUAAAJtPlT+fXBvc3QAAAREAAAAIQAAADLH29CqeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkYWCcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGBye7Xi2g7nhfwNDDHMDQwNQmBEkBwD55Q1TeJxjYGBgZWBgYAZiHSBmYWBgDGFgZAABP6AoI1icmYELLM7CoARWwwISf7bj/38YCeSzgEkGRjaGUcADJmWgPHBYQTADIwDq6QxJAAAEAAAAAAOgAv4AFAAgACsAMwAAAR4BFAYHAQ4BDwEiJjU3PgE3ATYyEzYWBiMhLgE/ATYzAwEOAQcVMz4BNwEnFzc2JicuAQMVHiAgHv68JFwzlhIZAQEmJAFEQKikExMTE/6jDQgKExcdXP7qGBoBayI9GAEXgq8GIAMjJmMCwB5MVEwe/r4kJgEBGRGXM1wkAUI+/U8BISABFwgPEQIK/usYPiJqARkYARXesAYmXyQkAXicY2BkYGAA4m0ZF6/E89t8ZeBmYQCBWyeeXUCmWRiY/gEpDgYmEA8AbVoMMgAAAHicY2BkYGBu+N/AEMPCAAJAkpEBFTABAEcIAmsEAAAABAAAAAAAAAAAWgAAAAEAAAACADQABAAAAAAAAgAAAAoACgAAAP8AAAAAAAB4nGWPTU7DMBCFX/oHpBKqqGCH5AViASj9EatuWFRq911036ZOmyqJI8et1ANwHo7ACTgC3IA78EgnmzaWx9+8eWNPANzgBx6O3y33kT1cMjtyDRe4F65TfxBukF+Em2jjVbhF/U3YxzOmwm10YXmD17hi9oR3YQ8dfAjXcI1P4Tr1L+EG+Vu4iTv8CrfQ8erCPuZeV7iNRy/2x1YvnF6p5UHFockikzm/gple75KFrdLqnGtbxCZTg6BfSVOdaVvdU+zXQ+ciFVmTqgmrOkmMyq3Z6tAFG+fyUa8XiR6EJuVYY/62xgKOcQWFJQ6MMUIYZIjK6Og7VWb0r7FDwl57Vj3N53RbFNT/c4UBAvTPXFO6stJ5Ok+BPV8bUnV0K27LnpQ0kV7NSRKyQl7WtlRC6gE2ZVeOEXpc0Yk/KGdI/wAJWm7IAAAAeJxjYGKAAC4G7ICJkYmRmYEjKTMxPyUxz5CBAQAXKQMdAAAA') format('woff'); } .icon-pencil { font-family: "icon-pencil" !important; font-size: var(--groot-ui-font-size-l); font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-pencil::before { content: "\e6b8"; } @font-face { font-family: "icon-chat"; src: url('data:application/font-woff;base64,d09GRgABAAAAAASgAAsAAAAABxQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFY9I0ifY21hcAAAAYAAAABLAAABcOfVt7FnbHlmAAABzAAAAO0AAAEgh4Ag82hlYWQAAAK8AAAALwAAADYYg3IqaGhlYQAAAuwAAAAcAAAAJAfeA4NobXR4AAADCAAAAAgAAAAICAAAAGxvY2EAAAMQAAAABgAAAAYAkAAAbWF4cAAAAxgAAAAgAAAAIAERAGpuYW1lAAADOAAAAUUAAAJtPlT+fXBvc3QAAASAAAAAHwAAADDpq3l9eJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkYWCcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGByerX22lrnhfwNDDHMDQwNQmBEkBwD4LQ09eJxjYGBgZWBgYAZiHSBmYWBgDGFgZAABP6AoI1icmYELLM7CoARWwwISf7b2/38YCeSzgEkGRjaGUcADJmWgPHBYQTADIwDQAwwdAHicZY0xTsQwEEVnPGs7DrC73ngnBZKFgxQLrUSRXRLRgIRERYugouAAQEXHKeg4AseAjop+75IFKxRI0MyfL/3/H0iArzV90gIqOIMLuIQbAAyV0mqCY5xbL9pTDE3btd0JHtlVHet4iDI0XHLpUVtOUT1GHfZTo1j9BIuqbpcNO7X891DXP/to9yxlSuzMOX8RB4M3WWaSxP5OPLpC5XJEiDSSubTT/l1umVsUg3vismTL/PZHaZEGgpzUu/3D9swIfa/NLA16fPVxGhLgikjmqnCba+eUkZQA+lwcDzSizUeMXPHvAfgG/F8m/wAAAHicY2BkYGAA4v9+S17F89t8ZeBmYQCBW5vERRD0/1ssDMzaQC4HAxNIFAA4qQoPAHicY2BkYGBu+N/AEMPCAAJAkpEBFTABAEcIAmsEAAAABAAAAAAAAAAAkAAAAAEAAAACAF4ABQAAAAAAAgAAAAoACgAAAP8AAAAAAAB4nGWPTU7DMBCFX/oHpBKqqGCH5AViASj9EatuWFRq911036ZOmyqJI8et1ANwHo7ACTgC3IA78EgnmzaWx9+8eWNPANzgBx6O3y33kT1cMjtyDRe4F65TfxBukF+Em2jjVbhF/U3YxzOmwm10YXmD17hi9oR3YQ8dfAjXcI1P4Tr1L+EG+Vu4iTv8CrfQ8erCPuZeV7iNRy/2x1YvnF6p5UHFockikzm/gple75KFrdLqnGtbxCZTg6BfSVOdaVvdU+zXQ+ciFVmTqgmrOkmMyq3Z6tAFG+fyUa8XiR6EJuVYY/62xgKOcQWFJQ6MMUIYZIjK6Og7VWb0r7FDwl57Vj3N53RbFNT/c4UBAvTPXFO6stJ5Ok+BPV8bUnV0K27LnpQ0kV7NSRKyQl7WtlRC6gE2ZVeOEXpc0Yk/KGdI/wAJWm7IAAAAeJxjYGKAAC4G7ICJkYmRmYGtKrOiNM+QgQEAENACiwA=') format('woff'); } .icon-chat { font-family: "icon-chat" !important; font-size: var(--groot-ui-font-size-l); font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-chat::before { content: "\e6ad"; } @font-face { font-family: "icon-convertion"; src: url('data:application/font-woff;base64,d09GRgABAAAAAAQAAAsAAAAABkgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFY8jUgIY21hcAAAAYAAAABLAAABcOc+texnbHlmAAABzAAAAFAAAABQrlV1M2hlYWQAAAIcAAAALwAAADYZQUMYaGhlYQAAAkwAAAAcAAAAJAfeA4NobXR4AAACaAAAAAgAAAAICAAAAGxvY2EAAAJwAAAABgAAAAYAKAAAbWF4cAAAAngAAAAeAAAAIAENACFuYW1lAAACmAAAAUUAAAJtPlT+fXBvc3QAAAPgAAAAIAAAADGX1td3eJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkYWCcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGByeiT0TY27438AQw9zA0AgUZgTJAQDgngwQeJxjYGBgZWBgYAZiHSBmYWBgDGFgZAABP6AoI1icmYELLM7CoARWwwISfyb2/z+MBPJZwCQDIxvDKOABkzJQHjisIJiBEQBetgnBAAABAAD/fwPwA4AAFAAAEzYANxYAFw4BDwEGJyImPQE/ASYCEQUBF9PTARcFAr+epjMCBgQCBbfnAaLLAQ4FBf7yy6L3MEUVAQUGBxQkHwEEeJxjYGRgYADicOZVyfH8Nl8ZuFkYQOC2wP8+BP2/noWBuQHI5WBgAokCABfzChcAeJxjYGRgYG7438AQw8IAAkCSkQEVMAEARwgCawQAAAAEAAAAAAAAAAAoAAB4nGNgZGBgYGIQZQDRIBYDAxcQMjD8B/MZAAqkAS8AAHicZY9NTsMwEIVf+gekEqqoYIfkBWIBKP0Rq25YVGr3XXTfpk6bKokjx63UA3AejsAJOALcgDvwSCebNpbH37x5Y08A3OAHHo7fLfeRPVwyO3INF7gXrlN/EG6QX4SbaONVuEX9TdjHM6bCbXRheYPXuGL2hHdhDx18CNdwjU/hOvUv4Qb5W7iJO/wKt9Dx6sI+5l5XuI1HL/bHVi+cXqnlQcWhySKTOb+CmV7vkoWt0uqca1vEJlODoF9JU51pW91T7NdD5yIVWZOqCas6SYzKrdnq0AUb5/JRrxeJHoQm5Vhj/rbGAo5xBYUlDowxQhhkiMro6DtVZvSvsUPCXntWPc3ndFsU1P9zhQEC9M9cU7qy0nk6T4E9XxtSdXQrbsuelDSRXs1JErJCXta2VELqATZlV44RelzRiT8oZ0j/AAlabsgAAAB4nGNgYoAALgbsgImRiZGZgT0zOT9PNymdgQEAEucCvA==') format('woff'); } .icon-convertion { font-family: "icon-convertion" !important; font-size: var(--groot-ui-font-size-l); font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-convertion::before { content: "\e616"; } .flex-pack-justify { -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -moz-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .gt-jmy-pc-float-conversion-right-container.has-multi-child { box-shadow: var(--groot-ui-shadow-4); background-color: var(--groot-ui-color-gray-1); border-radius: var(--groot-ui-border-radius-1); } .gt-jmy-pc-float-conversion-right-container { position: fixed; right: var(--groot-ui-spacing-unit-4); bottom: calc(190 * var(--groot-ui-rpx)); z-index: 100; } .gt-jmy-pc-float-conversion-right-container .btn-three-able { box-sizing: border-box; border: none; font-weight: var(--groot-ui-font-weight-2); background-color: var(--groot-ui-color-gray-1); color: var(--groot-ui-color-gray-8); border-radius: var(--groot-ui-border-radius-1); padding: var(--groot-ui-spacing-unit-1); } .gt-jmy-pc-float-conversion-right-container .btn-three-able:focus { box-sizing: border-box; border: none; font-weight: var(--groot-ui-font-weight-2); background-color: var(--groot-ui-color-gray-1); color: var(--groot-ui-color-gray-8); border-radius: var(--groot-ui-border-radius-1); padding: var(--groot-ui-spacing-unit-1); } .gt-jmy-pc-float-conversion-right-container .btn-three-able .btn-inner-icon { font-size: 20px; color: var(--groot-ui-color-gray-7); margin-bottom: 4px; } .gt-jmy-pc-float-conversion-right-container .btn-three-able .btn-inner-text { font-size: 12px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: -moz-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -moz-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -moz-align-items: center; -ms-flex-align: center; align-items: center; } .gt-jmy-pc-float-conversion-right-container .btn-three-able .icon-rocket { font-size: 20px; color: var(--groot-ui-color-gray-6); } .gt-jmy-pc-float-conversion-right-container .btn-three-able:hover { background-color: var(--groot-ui-color-brand-6); color: var(--groot-ui-color-gray-1); padding: var(--groot-ui-spacing-unit-1); } /* .gt-jmy-pc-float-conversion-right-container .btn-three-able:hover .btn-inner-icon, .gt-jmy-pc-float-conversion-right-container .btn-three-able:hover .btn-inner-text { color: var(--groot-ui-color-gray-1); } */ .gt-jmy-pc-float-conversion-right-container .btn-three-able:hover .icon-rocket { color: var(--groot-ui-color-gray-1); } /* .gt-jmy-pc-float-conversion-right-container .btn-three-able:active { background-color: var(--groot-ui-color-brand-6); color: var(--groot-ui-color-gray-1); padding: var(--groot-ui-spacing-unit-1); } .gt-jmy-pc-float-conversion-right-container .btn-three-able:active .btn-inner-icon, .gt-jmy-pc-float-conversion-right-container .btn-three-able:active .btn-inner-text { color: var(--groot-ui-color-gray-1); } .gt-jmy-pc-float-conversion-right-container .btn-three-able:active .icon-rocket { color: var(--groot-ui-color-gray-1); } */ .gt-jmy-pc-float-conversion-right-container .gt-jmy-pc-float-conversion-right-wrapper .float-icon { height: calc(65 * var(--groot-ui-rpx)); width: 100%; margin-bottom: calc(5 * var(--groot-ui-rpx)); cursor: pointer; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: -moz-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -moz-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -moz-align-items: center; -ms-flex-align: center; align-items: center; } .gt-jmy-pc-float-conversion-right-container .gt-jmy-pc-float-conversion-right-wrapper .float-icon>img { width: 30px; display: inline-block; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; margin-bottom: calc(18 * var(--groot-ui-rpx)); } .gt-jmy-pc-float-conversion-right-container .gt-jmy-pc-float-conversion-right-wrapper .float-icon .icon-convertion { font-size: calc(63 * var(--groot-ui-rpx)); color: var(--groot-ui-color-brand-6); } .gt-jmy-pc-float-conversion-right-container .gt-jmy-pc-float-conversion-right-wrapper .gt-jmy-pc-float-conversion-right-btn .btn-multi { width: 60px; height: 60px; } .gt-jmy-pc-float-conversion-right-container .gt-jmy-pc-float-conversion-right-wrapper .gt-jmy-pc-float-conversion-right-btn .btn-single { padding-left: calc(6 * var(--groot-ui-rpx)); padding-right: calc(6 * var(--groot-ui-rpx)); height: var(--groot-ui-spacing-unit-5); font-weight: var(--groot-ui-font-weight-1); color: var(--groot-ui-color-gray-1); box-shadow: var(--groot-ui-shadow-1); border-radius: calc(27 * var(--groot-ui-rpx)); } .gt-jmy-pc-float-conversion-right-container .gt-jmy-pc-float-conversion-right-wrapper .gt-jmy-pc-float-conversion-right-btn .btn-single span { font-size: var(--groot-ui-font-size-s); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: -moz-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -moz-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -moz-align-items: center; -ms-flex-align: center; align-items: center; } .gt-jmy-pc-float-conversion-right-container .back-top-wrapper .back-top-button { box-shadow: rgba(0, 0, 0, 0.04) 0 2px 4px 0 inset; } .gt-jmy-pc-float-conversion-container { padding: 0; margin: 0; } :root { --groot-ui-rpx: 0.0625em; --groot-ui-default-font-size: 16px; --groot-ui-font-size-s: 12px; --groot-ui-font-size-m: 14px; --groot-ui-font-size-l: 16px; --groot-ui-spacing-unit-1: 0.3125em; --groot-ui-spacing-unit-2: 0.625em; --groot-ui-spacing-unit-3: 0.9375em; --groot-ui-spacing-unit-4: 1.25em; --groot-ui-spacing-unit-5: 1.875em; --groot-ui-spacing-unit-6: 2.5em; --groot-ui-spacing-unit-7: 3.125em; --groot-ui-spacing-unit-8: 3.75em; --groot-ui-height-unit-1: 0.3125em; --groot-ui-height-unit-2: 0.625em; --groot-ui-height-unit-3: 0.9375em; --groot-ui-height-unit-4: 1.25em; --groot-ui-height-unit-5: 1.875em; --groot-ui-height-unit-6: 2.5em; --groot-ui-height-unit-7: 3.125em; --groot-ui-height-unit-8: 3.75em; --groot-ui-color-brand-1: #f2f7ff; --groot-ui-color-brand-2: #d6e4ff; --groot-ui-color-brand-3: #adcbff; --groot-ui-color-brand-4: #85b4ff; --groot-ui-color-brand-5: #5c9dff; --groot-ui-color-brand-6: #3388ff; --groot-ui-color-brand-7: #2170d9; --groot-ui-color-brand-8: #125ab3; --groot-ui-color-brand-9: #07458c; --groot-ui-color-brand-10: #003166; --groot-ui-color-gray-1: #fff; --groot-ui-color-gray-2: #f8f8f8; --groot-ui-color-gray-3: #f5f5f5; --groot-ui-color-gray-4: #eee; --groot-ui-color-gray-5: #d8d8d8; --groot-ui-color-gray-6: #ccc; --groot-ui-color-gray-7: #999; --groot-ui-color-gray-8: #666; --groot-ui-color-gray-9: #333; --groot-ui-color-gray-10: #000; --groot-ui-color-error-1: #fff3f2; --groot-ui-color-error-2: #ffd7d4; --groot-ui-color-error-3: #ffa8a3; --groot-ui-color-error-4: #ff7773; --groot-ui-color-error-5: #ff4542; --groot-ui-color-error-6: #ff1212; --groot-ui-color-error-7: #d90408; --groot-ui-color-error-8: #b30006; --groot-ui-color-error-9: #8c0007; --groot-ui-color-error-10: #660007; --groot-ui-color-warning-1: #fff8f2; --groot-ui-color-warning-2: #ffe4cc; --groot-ui-color-warning-3: #ffc799; --groot-ui-color-warning-4: #ffa866; --groot-ui-color-warning-5: #ff8833; --groot-ui-color-warning-6: #ff6600; --groot-ui-color-warning-7: #d95300; --groot-ui-color-warning-8: #b34100; --groot-ui-color-warning-9: #8c3100; --groot-ui-color-warning-10: #662200; --groot-ui-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif; --groot-ui-font-weight-1: 400; --groot-ui-font-weight-2: 500; --groot-ui-font-weight-3: 600; --groot-ui-line-height-1: 1.5; --groot-ui-line-height-2: 2; --groot-ui-border-radius-1: 2px; --groot-ui-border-radius-2: 4px; --groot-ui-border-radius-3: 6px; --groot-ui-border-radius-4: 8px; --groot-ui-border-radius-5: 10px; --groot-ui-border-radius-6: 100%; --groot-ui-separator-color-normal: #eee; --groot-ui-separator-color-strong: #eee; --groot-ui-separator-color-trigger: #666; --groot-ui-shadow-1: 0 6px 10px 0 rgba(51, 136, 255, 0.2); --groot-ui-shadow-2: 0 2px 4px 0 rgba(0, 0, 0, 0.04); --groot-ui-shadow-3: 0 -2px 8px 0 rgba(0, 0, 0, 0.06); --groot-ui-shadow-4: 0 2px 8px 0 rgba(0, 0, 0, 0.06); --groot-ui-page-min-width: 1200; } .m-groot-animation .left { transform: translateX(calc(-1 * var(--x-displacement))); } .m-groot-animation .right { transform: translateX(var(--x-displacement)); } .m-groot-animation .top { transform: translateY(calc(-1 * var(--y-displacement))); } .m-groot-animation .bottom { transform: translateY(var(--y-displacement)); } .m-groot-animation-hidding { visibility: hidden; } .m-groot-animation-slide-in-left { -webkit-animation: slide-in-left 1s backwards; -moz-animation: slide-in-left 1s backwards; -ms-animation: slide-in-left 1s backwards; -o-animation: slide-in-left 1s backwards; animation: slide-in-left 1s backwards; } @-webkit-keyframes slide-in-left { from { transform: translateX(calc(-1 * var(--x-displacement))); } to { transform: translateX(0); } } @-moz-keyframes slide-in-left { from { transform: translateX(calc(-1 * var(--x-displacement))); } to { transform: translateX(0); } } @-ms-keyframes slide-in-left { from { transform: translateX(calc(-1 * var(--x-displacement))); } to { transform: translateX(0); } } @-o-keyframes slide-in-left { from { transform: translateX(calc(-1 * var(--x-displacement))); } to { transform: translateX(0); } } @keyframes slide-in-left { from { transform: translateX(calc(-1 * var(--x-displacement))); } to { transform: translateX(0); } } .m-groot-animation-slide-in-right { -webkit-animation: slide-in-right 1s backwards; -moz-animation: slide-in-right 1s backwards; -ms-animation: slide-in-right 1s backwards; -o-animation: slide-in-right 1s backwards; animation: slide-in-right 1s backwards; } @-webkit-keyframes slide-in-right { from { transform: translateX(var(--x-displacement)); } to { transform: translateX(0); } } @-moz-keyframes slide-in-right { from { transform: translateX(var(--x-displacement)); } to { transform: translateX(0); } } @-ms-keyframes slide-in-right { from { transform: translateX(var(--x-displacement)); } to { transform: translateX(0); } } @-o-keyframes slide-in-right { from { transform: translateX(var(--x-displacement)); } to { transform: translateX(0); } } @keyframes slide-in-right { from { transform: translateX(var(--x-displacement)); } to { transform: translateX(0); } } .m-groot-animation-slide-in-top { -webkit-animation: slide-in-top 1s backwards; -moz-animation: slide-in-top 1s backwards; -ms-animation: slide-in-top 1s backwards; -o-animation: slide-in-top 1s backwards; animation: slide-in-top 1s backwards; } @-webkit-keyframes slide-in-top { from { transform: translateY(calc(-1 * var(--y-displacement))); } to { transform: translateY(0); } } @-moz-keyframes slide-in-top { from { transform: translateY(calc(-1 * var(--y-displacement))); } to { transform: translateY(0); } } @-ms-keyframes slide-in-top { from { transform: translateY(calc(-1 * var(--y-displacement))); } to { transform: translateY(0); } } @-o-keyframes slide-in-top { from { transform: translateY(calc(-1 * var(--y-displacement))); } to { transform: translateY(0); } } @keyframes slide-in-top { from { transform: translateY(calc(-1 * var(--y-displacement))); } to { transform: translateY(0); } } .m-groot-animation-slide-in-bottom { -webkit-animation: slide-in-bottom 1s backwards; -moz-animation: slide-in-bottom 1s backwards; -ms-animation: slide-in-bottom 1s backwards; -o-animation: slide-in-bottom 1s backwards; animation: slide-in-bottom 1s backwards; } @-webkit-keyframes slide-in-bottom { from { transform: translateY(var(--y-displacement)); } to { transform: translateY(0); } } @-moz-keyframes slide-in-bottom { from { transform: translateY(var(--y-displacement)); } to { transform: translateY(0); } } @-ms-keyframes slide-in-bottom { from { transform: translateY(var(--y-displacement)); } to { transform: translateY(0); } } @-o-keyframes slide-in-bottom { from { transform: translateY(var(--y-displacement)); } to { transform: translateY(0); } } @keyframes slide-in-bottom { from { transform: translateY(var(--y-displacement)); } to { transform: translateY(0); } } .m-groot-animation-fade-in { -webkit-animation: fade-in 1s backwards; -moz-animation: fade-in 1s backwards; -ms-animation: fade-in 1s backwards; -o-animation: fade-in 1s backwards; animation: fade-in 1s backwards; } @-webkit-keyframes fade-in { from { opacity: 0; } to { opacity: 1; } } @-moz-keyframes fade-in { from { opacity: 0; } to { opacity: 1; } } @-ms-keyframes fade-in { from { opacity: 0; } to { opacity: 1; } } @-o-keyframes fade-in { from { opacity: 0; } to { opacity: 1; } } @keyframes fade-in { from { opacity: 0; } to { opacity: 1; } } .m-groot-animation-scale-up { -webkit-animation: scale-up 1s backwards; -moz-animation: scale-up 1s backwards; -ms-animation: scale-up 1s backwards; -o-animation: scale-up 1s backwards; animation: scale-up 1s backwards; } @-webkit-keyframes scale-up { from { transform: scale(0.5); } to { transform: scale(1); } } @-moz-keyframes scale-up { from { transform: scale(0.5); } to { transform: scale(1); } } @-ms-keyframes scale-up { from { transform: scale(0.5); } to { transform: scale(1); } } @-o-keyframes scale-up { from { transform: scale(0.5); } to { transform: scale(1); } } @keyframes scale-up { from { transform: scale(0.5); } to { transform: scale(1); } } @keyframes show { from { opacity: 0; } to { opacity: 1; } } @keyframes hide { from { opacity: 1; } to { opacity: 0; } } .groot-ui-popover-popper-container { box-sizing: border-box; background-color: var(--groot-ui-color-gray-1); border: 1px solid var(--groot-ui-color-gray-5); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04); border-radius: 0px 0px 2px 2px; z-index: 100; } .groot-ui-popover-popper-container-hidden { animation: hide 0.5s; } .groot-ui-popover-popper-container-show { animation: show 0.5s; } @font-face { font-family: "icon-close-dialog"; src: url('data:application/font-woff;base64,d09GRgABAAAAAAPkAAsAAAAABkAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFZBlU0RY21hcAAAAYAAAABLAAABcOxHxQdnbHlmAAABzAAAADAAAAA0AEl8/WhlYWQAAAH8AAAALAAAADYYgvxqaGhlYQAAAigAAAAcAAAAJAfeA4NobXR4AAACRAAAAAgAAAAICAAAAGxvY2EAAAJMAAAABgAAAAYAGgAAbWF4cAAAAlQAAAAeAAAAIAENABhuYW1lAAACdAAAAVAAAAKFsqzUC3Bvc3QAAAPEAAAAHgAAAC/JfXB6eJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkYWCcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGBxey7+WZ27438AQw9zA0AAUZgTJAQDizwwreJxjYGBgZWBgYAZiHSBmYWBgDGFgZAABP6AoI1icmYELLM7CoARWwwISfy3//z+MBPJZwCQDIxvDKOABkzJQHjisIJiBEQCBBgn5AHicY2BkAAJmbabVDNwMDIzq7Ors4uzi5uLm6szatu/e2b5/DyaZ8mAsIAkAEA0Rt3icY2BkYGAA4pCpyq3x/DZfGbhZGEDg1qaYRGSahYFpNZDiYGAC8QACywiPeJxjYGRgYG7438AQw8IAAkCSkQEVMAEARwgCawQAAAAEAAAAAAAAAAAaAAB4nGNgZGBgYGLgYQDRIBYDAxcQMjD8B/MZAAnDASYAAHicbZI9bsJAFIRn+YtipBQJScpsRRGE+SlpUaCMREFvzBqMbK+1XpBIlwPkPDlETpAmN8gdMpiNkBC23vO3s7PjJ9kAbvEDgeN1zzqygMfVkSu4wpPjKvW24xq577iOJkaOG9RfHHvo4NVxE3d4Y4KoXXP1jA/HAi18Oq7gBl+Oq9S/HdfIv47reBDCcQMt8ejYw1x0HDfRFu/e2KjAqqVc7GUc6izSmfUO0A0TXaiZWm2TwJyEE82VKWKdyYHfP4lTlSnzn1fsVkNrIxkZncoJg1WSaJkbvVGh9dfW5qNeL3K6H+qU441hoBDAsi8hscCePUYIjQxR2S19/0qXz4RU0D9jrbDlOmDKJcclbc4ypLjckRjA5ye75JyystJ9Pl+BHd88pGo5o2QZnklJEzexYsohRyIv9zZUQuo+1uWpnL9Gj3d05vfLOdI/OX9y9XicY2BigAAuBuyAiZGJkZmBNTknvziVgQEADPwCMQAA') format('woff'); } .icon-close-dialog { font-family: "icon-close-dialog" !important; font-size: var(--groot-ui-font-size-l); font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-close-dialog:before { content: "\EB1F"; } .groot-ui-dialog-ctn { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 100; } .groot-ui-dialog-ctn .groot-ui-dialog-wrapper { box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04); border-radius: var(--groot-ui-border-radius-2); background-color: var(--groot-ui-color-gray-1); display: block; position: absolute; box-sizing: border-box; overflow: hidden; left: -9999px; top: -9999px; scrollbar-3dlight-color: var(--groot-ui-color-gray-1); scrollbar-highlight-color: var(--groot-ui-color-gray-1); scrollbar-face-color: var(--groot-ui-color-gray-7); scrollbar-arrow-color: var(--groot-ui-color-gray-1); scrollbar-shadow-color: var(--groot-ui-color-gray-1); scrollbar-dark-shadow-color: var(--groot-ui-color-gray-1); scrollbar-base-color: var(--groot-ui-color-gray-1); scrollbar-track-color: var(--groot-ui-color-gray-1); } .groot-ui-dialog-ctn .groot-ui-dialog-wrapper::-webkit-scrollbar-track { border-radius: 2px; } .groot-ui-dialog-ctn .groot-ui-dialog-wrapper::-webkit-scrollbar { width: 4px; height: 4px; background-color: var(--groot-ui-color-gray-5); } .groot-ui-dialog-ctn .groot-ui-dialog-wrapper::-webkit-scrollbar-thumb { border-radius: 2px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAKCAYAAACT+/8OAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAK6wAACusBgosNWgAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAWdEVYdENyZWF0aW9uIFRpbWUAMTIvMTUvMTa/LrshAAAAFklEQVQImWOcOXPmfwYkwMSABgaLAADZ7wLeyLrgcAAAAABJRU5ErkJggg==); } .groot-ui-dialog-ctn .groot-ui-dialog-wrapper .icon-close-dialog { position: absolute; top: 0px; right: 0px; cursor: pointer; font-size: 20px; font-weight: var(--groot-ui-font-weight-3); } .groot-ui-dialog-ctn .groot-ui-dialog-content { display: inline-block; box-sizing: border-box; } .groot-ui-dialog-ctn.head-image-class .groot-ui-dialog-wrapper .icon-close-dialog { position: absolute; top: 0px; right: 0px; cursor: pointer; font-size: 25px; font-weight: var(--groot-ui-font-weight-1); color: #e8e6e6; } .groot-ui-dialog-ctn.head-image-class .fadeIn { animation: fadeInDown cubic-bezier(0.38, 0, 0.25, 1) 0.24s; } @keyframes fadeInDown { 0% { opacity: 0; transform: scale(0.4); } 100% { transform: none; opacity: 1; } } @keyframes fadeOutAni { 0% { opacity: 1; transform: none; } 100% { transform: scale(0.4); opacity: 0; } } .groot-ui-dialog-ctn.bottom-class { height: 140px; top: unset; } .groot-ui-dialog-ctn.bottom-class .groot-ui-dialog-content { display: block; } .wechat-popper { border: 1px solid #e4e4e4; box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.13); border-radius: 9px; } .groot-ui-image { margin: 0; padding: 0; display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */ display: -moz-box; /* 老版本语法: Firefox (buggy) */ display: -ms-flexbox; /* 混合版本语法: IE 10 */ display: -webkit-flex; /* 新版本语法: Chrome 21+ */ display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */ -webkit-box-align: center; -moz-align-items: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -moz-justify-content: center; -webkit-justify-content: center; justify-content: center; } .groot-ui-image.m-groot-ui-mobile-image { display: block; font-size: 0; } .flex-pack-justify { -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -moz-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } @font-face { font-family: "icon-close"; src: url('data:application/font-woff;base64,d09GRgABAAAAAAPkAAsAAAAABkAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFZBlU0RY21hcAAAAYAAAABLAAABcOxHxQdnbHlmAAABzAAAADAAAAA0AEl8/WhlYWQAAAH8AAAALAAAADYYgvxqaGhlYQAAAigAAAAcAAAAJAfeA4NobXR4AAACRAAAAAgAAAAICAAAAGxvY2EAAAJMAAAABgAAAAYAGgAAbWF4cAAAAlQAAAAeAAAAIAENABhuYW1lAAACdAAAAVAAAAKFsqzUC3Bvc3QAAAPEAAAAHgAAAC/JfXB6eJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkYWCcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGBxey7+WZ27438AQw9zA0AAUZgTJAQDizwwreJxjYGBgZWBgYAZiHSBmYWBgDGFgZAABP6AoI1icmYELLM7CoARWwwISfy3//z+MBPJZwCQDIxvDKOABkzJQHjisIJiBEQCBBgn5AHicY2BkAAJmbabVDNwMDIzq7Ors4uzi5uLm6szatu/e2b5/DyaZ8mAsIAkAEA0Rt3icY2BkYGAA4pCpyq3x/DZfGbhZGEDg1qaYRGSahYFpNZDiYGAC8QACywiPeJxjYGRgYG7438AQw8IAAkCSkQEVMAEARwgCawQAAAAEAAAAAAAAAAAaAAB4nGNgZGBgYGLgYQDRIBYDAxcQMjD8B/MZAAnDASYAAHicbZI9bsJAFIRn+YtipBQJScpsRRGE+SlpUaCMREFvzBqMbK+1XpBIlwPkPDlETpAmN8gdMpiNkBC23vO3s7PjJ9kAbvEDgeN1zzqygMfVkSu4wpPjKvW24xq577iOJkaOG9RfHHvo4NVxE3d4Y4KoXXP1jA/HAi18Oq7gBl+Oq9S/HdfIv47reBDCcQMt8ejYw1x0HDfRFu/e2KjAqqVc7GUc6izSmfUO0A0TXaiZWm2TwJyEE82VKWKdyYHfP4lTlSnzn1fsVkNrIxkZncoJg1WSaJkbvVGh9dfW5qNeL3K6H+qU441hoBDAsi8hscCePUYIjQxR2S19/0qXz4RU0D9jrbDlOmDKJcclbc4ypLjckRjA5ye75JyystJ9Pl+BHd88pGo5o2QZnklJEzexYsohRyIv9zZUQuo+1uWpnL9Gj3d05vfLOdI/OX9y9XicY2BigAAuBuyAiZGJkZmBNTknvziVgQEADPwCMQAA') format('woff'); } .icon-close { font-family: "icon-close" !important; font-size: var(--groot-ui-font-size-l); font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-close::before { content: "\eb1f"; } .gt-jmy-pc-wechat-qrcode { width: calc(192 * var(--groot-ui-rpx)); border-radius: 50%; position: relative; margin: 0 auto; } .gt-jmy-pc-wechat-qrcode .qrcode-image { width: calc(168 * var(--groot-ui-rpx)); padding: calc(12 * var(--groot-ui-rpx)); } .gt-jmy-pc-wechat-qrcode .title { text-align: center; padding: 0 calc(10 * var(--groot-ui-rpx)) calc(10 * var(--groot-ui-rpx)); box-sizing: border-box; } .gt-jmy-pc-wechat-qrcode .title span { font-size: 15px; } .gt-jmy-pc-wechat-qrcode .popover-arrow, .gt-jmy-pc-wechat-qrcode .popover-arrow::before { position: absolute; width: 12px; height: 12px; background: #fff; } .gt-jmy-pc-wechat-qrcode .popover-arrow { visibility: hidden; } .gt-jmy-pc-wechat-qrcode .popover-arrow::before { border: 1px solid var(--groot-ui-color-gray-5); visibility: visible; content: ''; transform: rotate(45deg); } .gt-jmy-pc-wechat-qrcode .popover-arrow.top { bottom: -7px; } .gt-jmy-pc-wechat-qrcode .popover-arrow.top::before { border-top: none; border-left: none; } .gt-jmy-pc-wechat-qrcode .popover-arrow.bottom { top: -7px; } .gt-jmy-pc-wechat-qrcode .popover-arrow.bottom::before { border-right: none; border-bottom: none; } .gt-jmy-pc-wechat-qrcode .popover-arrow.left { right: -7px; } .gt-jmy-pc-wechat-qrcode .popover-arrow.left::before { border-left: none; border-bottom: none; } .gt-jmy-pc-wechat-qrcode .popover-arrow.right { left: -7px; } .gt-jmy-pc-wechat-qrcode .popover-arrow.right::before { border-right: none; border-top: none; } .gt-jmy-pc-wechat-in-dialog { padding: calc(40 * var(--groot-ui-rpx)) calc(42 * var(--groot-ui-rpx)) calc(41 * var(--groot-ui-rpx)) calc(42 * var(--groot-ui-rpx)); border-radius: var(--groot-ui-border-radius-3); position: relative; width: calc(482 * var(--groot-ui-rpx)); box-sizing: border-box; margin: 0 auto; } .gt-jmy-pc-wechat-in-dialog .title { color: var(--groot-ui-color-gray-10); margin: 0 auto; margin-bottom: calc(30 * var(--groot-ui-rpx)); line-height: 1; text-align: center; } .gt-jmy-pc-wechat-in-dialog .title span { font-size: 21px; font-weight: var(--groot-ui-font-weight-2); } .gt-jmy-pc-wechat-in-dialog .content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: -moz-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -moz-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -moz-justify-content: center; -ms-flex-pack: center; justify-content: center; background-color: var(--groot-ui-color-gray-3); width: calc(398 * var(--groot-ui-rpx)); height: calc(84 * var(--groot-ui-rpx)); border-radius: var(--groot-ui-border-radius-3); color: var(--groot-ui-color-gray-7); margin-bottom: calc(16 * var(--groot-ui-rpx)); } .gt-jmy-pc-wechat-in-dialog .content .content-number { color: var(--groot-ui-color-brand-6); max-width: calc(250 * var(--groot-ui-rpx)); word-break: break-all; } .gt-jmy-pc-wechat-in-dialog .close { position: absolute; right: 0; top: 0; width: calc(40 * var(--groot-ui-rpx)); height: calc(40 * var(--groot-ui-rpx)); line-height: calc(40 * var(--groot-ui-rpx)); text-align: center; cursor: pointer; }