.common-area[data-v-4799e77e]{margin:15px auto 0;position:relative;width:calc(100% - 40px);height:calc(100% - 80px);background:#fff}.common-area .area-form[data-v-4799e77e]{position:relative}.common-area .area-form-title[data-v-4799e77e]{position:absolute;color:#333;font-size:16px;font-weight:700;padding:20px 10px 0 10px;height:50px;background:#fff}.common-area .area-form-title img[data-v-4799e77e]{width:16px;vertical-align:middle}.common-area .area-form-content[data-v-4799e77e]{padding:30px 15px}.common-area .area-form-content>div[data-v-4799e77e]{width:100%;min-height:30px;border:1px solid #ececec;border-radius:4px}.common-area .area-title[data-v-4799e77e]{display:flex;align-items:center;color:#333;font-size:16px;font-weight:700;padding:20px 10px 0 10px}.common-area .area-title img[data-v-4799e77e]{width:16px;margin-right:5px}.btn[data-v-9d248f06]{width:80px;margin:20px 10px}.example[data-v-9d248f06]{padding:10px 30px;display:flex;flex-wrap:wrap}.example-item[data-v-9d248f06]{cursor:pointer;display:flex;margin:20px}.example-item:hover .example-left[data-v-9d248f06]{background:#2683f5;color:#fff}.example-item:hover .example-left[data-v-9d248f06]:before{border-left-color:#2683f5}.example-item:hover .example-right[data-v-9d248f06]{background:#e8f1ff;color:#2683f5}.example-left[data-v-9d248f06]{width:66px;height:50px;background:#f0f0f1;position:relative;display:flex;align-items:center;justify-content:center;color:#313b40;font-size:14px}.example-left[data-v-9d248f06]:before{content:"";border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:25px solid transparent;border-top:25px solid transparent;border-left-color:#f0f0f1;position:absolute;left:66px;z-index:10}.example-right[data-v-9d248f06]{width:315px;height:50px;border:1px solid #f0f0f1;border-left:none;position:relative;margin-left:5px;display:flex;align-items:center;font-size:14px;color:#313b40;justify-content:flex-start}.example-right span[data-v-9d248f06]{margin-left:20px}.example-right[data-v-9d248f06]:before{content:"";border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:25px solid transparent;border-top:25px solid transparent;border-left-color:#fff;position:absolute;left:0}.modal-top[data-v-9d248f06]{color:#0012b8;background-image:url(../img/email.3dbbb2c4.png);background-repeat:no-repeat;background-position:100%;height:120px;display:flex;align-items:center;padding:50px}.modal-bottom[data-v-9d248f06]{color:#2683f5}.modal-bottom-title[data-v-9d248f06]{width:422px;height:42px;background:#f2f9ff;display:flex;align-items:center;justify-content:center;margin:auto}.modal-bottom-content[data-v-9d248f06]{width:422px;display:flex;margin:20px auto;align-items:center}.modal-bottom-content img[data-v-9d248f06]{width:28px;height:16px;margin:0 17px}.modal-bottom .text-title[data-v-9d248f06]{display:flex;flex-direction:column;align-items:center;justify-content:space-around}.modal-bottom .text-title>span[data-v-9d248f06]{height:30px;margin-bottom:10px;display:flex;align-items:center}.modal-bottom .text-template[data-v-9d248f06]{margin-left:5px}.modal-bottom .text-template>div[data-v-9d248f06]{width:118px;height:30px;background:#f2f9ff;margin-bottom:10px;display:flex;align-items:center;justify-content:center}