@xysfe/actui/es/ClaimsContact/style.css

A fantastic mobile ui lib implement by Vue

.act-claims-contact-fade-enter[data-v-97a6f472]{opacity:0}.act-claims-contact-fade-enter-active[data-v-97a6f472]{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.act-claims-contact-move-enter[data-v-97a6f472]{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.act-claims-contact-move-enter-active[data-v-97a6f472]{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.act-claims-contact-content[data-v-97a6f472]{background-color:#f7f8fc;border-radius:12px 12px 0 0}.act-col[data-v-97a6f472]{-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-flex-basis:0.000000001px;flex-basis:0.000000001px;width:1%}.act-claims-contact-hd[data-v-97a6f472]{height:50px;line-height:50px;text-align:center;font-size:17px;color:#333;position:relative;background:#fff;border-radius:12px 12px 0 0}.act-claims-contact-hd i[data-v-97a6f472]{display:block;position:absolute;top:50%;z-index:1;margin:12px;background-repeat:no-repeat}.act-claims-contact-hd i.icon-back[data-v-97a6f472]{height:17px;width:25px;left:0;margin-top:-8.5px;background-size:8.5px 12.5px;background-position:0;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAZCAYAAADXPsWXAAABb0lEQVQ4jZ3UMUhVcRTH8c97Fk8Qh2gIlBwiQgh5EAbqIC3S4G0wXBrkDa0SLg6Cm4PS1lC4CIJUQ1noWwxSGotEghzf2NYUQkNBNdz38P9u7z7+953t/vif7z3nf37nX6rX63qIKrZwFbMXegDUsIn+5ve9coHkSjN5OwDAl9hKRvAatwPtN5aSJHkbA5nBS1wOtG+Yxyfo1k4JqzjIAA5xqwXoBrmEfaxlzqzjLr6Hhzu1U8UbXAu0H9Kp7HX6Y7aSGj5mAF8xngcIIXnj28EEGnkA0nZyx4dn3ZJDyDuMBlrb+GKijOGM9hmnsYAW5CF+Btpcs4obRSCv/H95N3GM+7EQOo9xELt4jL4YCKmh5rCCP4G+jPe4EgOBv9iQLl1o7Ts4wVQMpBVHMkuGIXzAo1gIqV+m8TTQLuIJXmAgBgK/sIgF7TZ4ILBBqcBDPSbd7uuBdobJIm9sng3mi0DobINGUQjnNqigkiTJ83/rakw2lkemnQAAAABJRU5ErkJggg==)}.act-claims-contact-hd i.icon-cancel[data-v-97a6f472]{height:22px;width:22px;right:0;margin-top:-11px;background-position:100%;background-size:11px 11px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABBklEQVQ4jZXUMUsDMRgG4KfBycV/42ahIOpwBXFy8Oc5OKmQA61LQZ3EP+NSBxeH3ml65HLNN+Xy5R4S8pJZjPEBl4i4xkZdHeIe57gNHQZLtN2CGqztMLgJeE8WLCrQHlskc6uABh+VaA5b4yrgC2cV6BjWNE2zCd3EvmgRg5A0ptBJDA4Gx+nRFxwn6FM3npew4Q5LO53nMJnM5sAU/cz0XsewEgg/+C70szUG9hdwkunNFXKaA3O3+Wb3+KM5HYJj0bjAqUyk2rbdQVNwNGe2FzCa0xTtwSmsr0l0FmPcF0vryG74//4Jto9jDVba6V3w/zjui5XQZcBz97GqwIZo/0g//gIRn2mCy2aGEQAAAABJRU5ErkJggg==)}.book-scoll-content[data-v-97a6f472]{height:426px;position:relative;background:#f7f8fc;width:355px;margin:-10px auto 1px}.write-box[data-v-97a6f472]{padding:0 10px 32px;overflow:auto;height:426px;margin-top:-9px;position:relative}.write-box .content[data-v-97a6f472]{background:#fff;box-shadow:0 6px 20px 0 hsla(0,0%,70%,.06);border-radius:12px}.write-box .content .mustHeader[data-v-97a6f472]{height:43px;color:#333;line-height:43px;font-size:16px;font-weight:700;display:-webkit-box;display:-webkit-flex;display:flex}.write-box .content .mustHeader .til[data-v-97a6f472]{padding-left:12px}.write-box .content .mustHeader .bg[data-v-97a6f472]{width:180px;margin-left:auto;border-radius:12px}.write-box .content .mustHeader .dowmIcon[data-v-97a6f472]{margin-left:auto;width:40px;display:-webkit-box;display:-webkit-flex;display:flex;height:44px;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.write-box .content .mustHeader .dowmIcon img[data-v-97a6f472]{height:22px;width:22px;object-fit:cover}.write-box .content .mustHeader .dowmIcon img.expanded[data-v-97a6f472],.write-box .content .mustHeader .dowmIcon img[data-v-97a6f472]{-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.write-box .content .mustHeader .dowmIcon img.expanded[data-v-97a6f472]{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.write-box .content .headerLine[data-v-97a6f472]{width:330px;height:1px;box-shadow:inset 0 1px 0 0 #f5f5f5;margin-left:12px}.write-box .content .content-wrapper[data-v-97a6f472]{will-change:height;-webkit-transition:height .3s ease-in-out;transition:height .3s ease-in-out}.write-box .content[data-v-97a6f472]:nth-child(2){margin-top:20px}.write-box .contact-tips[data-v-97a6f472]{font-size:13px;color:#b3b3b3;line-height:1.5;margin-left:12px;padding-right:12px;padding-top:13px;border-top:1px solid #f5f5f5}.act-claims-contact-btns-wrap[data-v-97a6f472]{width:100%;background:#fff}.act-claims-contact-btns[data-v-97a6f472]{width:100%;display:-webkit-box;display:-webkit-flex;display:flex;border:none;font-size:16px;background-color:#fff;height:60px;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:0 14px}.act-claims-contact-btns .item-btn[data-v-97a6f472]{display:block;text-align:center;line-height:44px;font-size:16px;color:#666;position:relative}.act-claims-contact-btns .item-btn.btn-confirm[data-v-97a6f472]{height:44px;border-radius:22px;-webkit-box-flex:1;-webkit-flex:1;flex:1;color:#fff}.act-claims-contact-btns .item-btn.btn-add[data-v-97a6f472],.act-claims-contact-btns .item-btn.btn-del[data-v-97a6f472]{height:44px;border:1px solid #f5f5f5;border-radius:22px;width:127px;margin-right:10px}.act-claims-contact-btns .item-btn.btn-del[data-v-97a6f472]{color:#999}.act-claims-contact-item[data-v-97a6f472]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;align-items:center;margin-left:16px;padding:14px 4px 15px 0;border-bottom:1px solid #f5f5f5;position:relative}.act-claims-contact-item[data-v-97a6f472]:last-of-type{border-bottom:none}i.icon[data-v-97a6f472]{display:inline-block;background-repeat:no-repeat;background-position:50%;background-size:100% 100%}.act-claims-contact-name[data-v-97a6f472]{line-height:1.5;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.act-claims-contact-name i[data-v-97a6f472]{width:18px;height:18px;border-radius:6.5px;vertical-align:middle;background-color:#dbdae5;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjVEQUEzMTdERjYzMzExRTg4MjU3OTZFM0I0NjhDOEYxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjVEQUEzMTdFRjYzMzExRTg4MjU3OTZFM0I0NjhDOEYxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NURBQTMxN0JGNjMzMTFFODgyNTc5NkUzQjQ2OEM4RjEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NURBQTMxN0NGNjMzMTFFODgyNTc5NkUzQjQ2OEM4RjEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5nEXuSAAABeUlEQVR42uyWv0oDQRDGdzdnFBGxsQ0+gIhlagsrsba2EMkT+AYi2voAYuEDiA8gYplaBDtLtVILjcn6jZnoOtzm7jZLFiUDP45jZ2e+ZP5w2lpbU0p1VXXT/DQgAxZ0+Fk+CARQgJ5KZKaq4r8qwDC5B+OwHvdMlkqA4kYnEdOpBChnSkwqAWTvoCYF6DGL+BjkNL7mGNEaoA2eQSvn3A4E0CLKuEFijWMdXIImvz+CRc8m/d6CMXfBvpOc7M7j18+JfyAmm6Brf+wVLA+7EzP5Eniyv2276F5R0DVwBU7BwhC/OrgWyU/KCC9yuHcCkpBZj9+BSH4D5mIIuBWBz/nXuj4bOXVfKVu6IocmB3SNymH4vAEexPlOld4p47QO3kSSY9ofXBYpTsUWQGyBjkjWDq176Bi2RK2tqPtqwOjqqhf2PAJ2Q5J/fY8GXDwUyc8CF5cO3YQ0AUfgBVyA+VE2aF9F4q/iiYCJgH8rwKQUMAVmysT/FGAAws3xHUxwplIAAAAASUVORK5CYII=)}.act-claims-contact-name i.active[data-v-97a6f472]{background-color:#8c7fee}.act-claims-contact-name .sp[data-v-97a6f472]{margin-left:12px;font-size:16px;color:#333;font-weight:700;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.act-claims-contact-name .sp .sp2[data-v-97a6f472]{display:inline-block;height:17px;line-height:17px;margin-left:6px;font-size:11px;padding:1px 4px 0;border-radius:4px}.act-claims-contact-cert[data-v-97a6f472]{margin-left:30px;color:#666;font-size:13px;line-height:20px;margin-top:4px}.act-claims-contact-cert p[data-v-97a6f472]{position:relative}.act-claims-contact-cert p .s1[data-v-97a6f472]{color:#999}.act-claims-contact-cert p .s2[data-v-97a6f472]{color:#666;margin-left:10px}.act-claims-contact-errtips[data-v-97a6f472]{margin-left:30px;font-size:13px;margin-top:5px;color:#666;background:#f6f7f9;border-radius:3px;line-height:1.5;padding:2.5px 8px;display:inline-block}.act-claims-contact-edit[data-v-97a6f472]{padding:5px 10px;display:block;font-size:13px;display:-webkit-box;display:-webkit-flex;display:flex;width:50px;position:absolute;right:0;top:12px}.act-claims-contact-edit i[data-v-97a6f472]{margin-left:auto;font-size:12px;width:17px;height:17px;top:0;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAzUExURUdwTLS0tLS0tLOzs7W1tbOzs7GxsbKysrKysrS0tLOzs7S0tLOzs7Ozs7S0tLOzs7Ozs3HvFmkAAAAQdFJOUwC7nuErShZGTPhy70HPW4LjuwpcAAAA5UlEQVQ4y9WU2RLDIAhF3bIYTeP/f23rEhQK9q0zuU9MOFEWQanH6JUGhfvrui+EOxJS/eiKbRCYGHCj57d/zXIrDudl6Q5ucB1ozYitMc3AxtUs3QSE4HIEUQYz58GSr+6pB5w2AQNwFh9IQIu5VQI1eE1CKROwe0sNoxLAK3t3eCeHEsANvPH7RYwgeB3pMgNqaOFZcjs58GgGtDrXwDNgaEZ/h55vYW2x662egOYcx0EALzo2EqhvzKo5GCt2DQURYvzcrVdUYv9jZv4GlgWwsyKzkGYy8pLiVha39pDsc3a3egM5DB4WvApS0QAAAABJRU5ErkJggg==)}.act-claims-contact-sub-title[data-v-97a6f472]{display:inline-block;margin-top:18px;font-size:12px;color:#666;background:#f9f9f9;line-height:30px;padding:0 14px;border-radius:0 30px 30px 0}.act-claims-contact-disabled-list .act-claims-contact-cert span[data-v-97a6f472],.act-claims-contact-disabled-list .act-claims-contact-name span[data-v-97a6f472]{color:#b3b3b3}.act-claims-contact-disabled-list .act-claims-contact-name i[data-v-97a6f472]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmBAMAAABaE/SdAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAYUExURdza5kdwTNza5t3b5t3d59nZ5tzb5tzY5IBLmaQAAAAIdFJOU5kAllZLBY5BFUHrWgAAAJxJREFUKM/NksENgzAMRb+Q4G6VAVATiXPSCdIuwAhdoftfwFZsnIYB4BL5+5F8/wTUf7ibtqFIMWM0bUIQLeNrGjCkY3ksgNMEzHDaW0DGVtO4CowN5fTC5etoROePwadi6pm3V0w1BhWz2fKJNVqgi38T9WcEuvCSqPX8WRS02aI0UpNBqR2XVfzPqo7QZDrVEXz2G37dHd34Xe2tojEU3p8mVgAAAABJRU5ErkJggg==);background-color:#f6f7f9;background-size:90%;border-radius:6.5px;height:18px;width:18px}.act-claims-contact-bd-skeleton[data-v-97a6f472]{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;background-color:#fff;background-position:top;background-size:100% 100%;background-repeat:no-repeat;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAXcAAAFACAMAAABwYczZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyNkU5OTlCQTIwNzMxMUVBQTkzNDgwRkY3MTNFNEQ5RiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyNkU5OTlCQjIwNzMxMUVBQTkzNDgwRkY3MTNFNEQ5RiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjI2RTk5OUI4MjA3MzExRUFBOTM0ODBGRjcxM0U0RDlGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjI2RTk5OUI5MjA3MzExRUFBOTM0ODBGRjcxM0U0RDlGIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+GCIuMQAAABhQTFRF////9/f3+Pj4+fn5+/v7/f39/Pz8/v7+IxzWbwAAAxJJREFUeNrs3NFum0oYhdEAxnn/N26k3DCxQB1pYBv/a122Rwh9mhO5MeyvLwAAAAAAinks8zQvj5c///75i8+2PL5j1Z/z9Gt+tn+xLtPnW9bUYd/cRHPk16mGTPhncw/bE78U6b5Eus/NPcybH3dTFfnj3hx43U+07P9Pp3uPdX657rz+74+Zn/9W9xE/r19i/nVwE7r36Lyy857p7ud7prvPM5nuPr+Huu//e1X3M7vv/35G91O77/4+Uvdzu+/9/l33s7t3XEl33XXXXXfdddddd91111133XXXXfex32vrnnmOQ/fMc0u6v113z6VmeA47Fd57BxneswEAAAAAAAAAAACgh/33BPvvmcO+uQn779ed9uYe7L9fxX6k/fdC3e0D23+v9J78wU3o3qPzys67/fdK3X2esf9eqrv9d/vvpbrbfw91t/+e6t5xJd1111133XXXXXfdddddd91111133cd+r627/fdbdx9H9wzPpWZ4DjsV3nsHGd6zAQAAAAAAAAAAAO7KDnmCHfLMYd/chB3y6057cw92yK9ix9AOeaHudmrtkFd6X/vgJnTv0Xll590OeaXuPs/YIS/V3Q65HfJS3e2Qh7rbIU9177iS7rrrrrvuuuuuu+6666677rrrrrvuY7/X1t0O+a27j6N7hudSMzyHnQrvvYMM79kAAAAAAAAAAAAAwPuzu59gdz9z2Dc3YXf/utPe3IPd/avY7bS7X6i7XWa7+5X2CQ5uQvcenVd23u3uV+ru84zd/VLd7e7b3S/V3e5+qLvd/VT3jivprrvuuuuuu+6666677rrrrrvuuus+9ntt3e3u37r7OLpneC41w3PYqfDeO8jwng0AAAAAAAAAAAAAvD+7+wl29zOHfXMTdvevO+3NPdjdv4rdTrv7hbrbZba7X2mf4OAmdO/ReWXn3e5+pe4+z9jdL9Xd7r7d/VLd7e6HutvdT3XvuJLuuuuuu+6666677rrrrrvuuuuuu+5jv9fW3e7+rbuPo3uG51IzPIedCu+9gwzv2QAAAADwMf4JMAD6Wr+q1fI7zQAAAABJRU5ErkJggg==)}.act-claims-contact-linear[data-v-97a6f472]{height:22px;width:100%;position:relative;background:-webkit-linear-gradient(top,#fff,#f7f8fc);background:linear-gradient(180deg,#fff,#f7f8fc)}.act-claims-contact-list[data-v-97a6f472]{background:#fff;border-radius:12px;box-shadow:0 6px 20px 0 hsla(0,0%,70%,.06)}.footer-delBtn[data-v-97a6f472]{width:110px;background:#fff;border-radius:13px;margin:22px auto 0;height:26px;line-height:26px;color:#ff5a6e;text-align:center;font-size:12px}