body{background-image:linear-gradient(#daebfb, white)}.main{padding:30px 0}.main .callbox-container .callbox-header{padding:10px 20px;display:flex;align-items:center;gap:10px;background-color:#c3e2ff;border-radius:10px 10px 0 0}.main .callbox-container .callbox-header p{font-size:24px;line-height:30px;font-weight:700;color:var(--color-blue);vertical-align:middle}.main .callbox-container .callbox-header img{height:30px;vertical-align:middle}.main .callbox-container .callbox-body{display:grid;grid-template-columns:1fr 280px;background-color:#fff;border-radius:0 0 10px 10px;overflow:hidden}.main .callbox-container .callbox-body>div:nth-child(1){position:relative}.main .callbox-container .callbox-body>div:nth-child(1) .message-container{display:flex;flex-direction:column;gap:20px;width:100%;height:500px;overflow-y:auto;padding:20px 70px}.main .callbox-container .callbox-body>div:nth-child(1) .message-container #loading-container{z-index:1}.main .callbox-container .callbox-body>div:nth-child(1) .message-container .message-robot,.main .callbox-container .callbox-body>div:nth-child(1) .message-container .message-user{position:relative;display:flex}.main .callbox-container .callbox-body>div:nth-child(1) .message-container .message-robot>div,.main .callbox-container .callbox-body>div:nth-child(1) .message-container .message-user>div{overflow:hidden;max-width:380px;padding:14px 20px;box-shadow:0 0 8px rgba(14,110,200,.2196078431)}.main .callbox-container .callbox-body>div:nth-child(1) .message-container .message-robot{justify-content:flex-start}.main .callbox-container .callbox-body>div:nth-child(1) .message-container .message-robot>video,.main .callbox-container .callbox-body>div:nth-child(1) .message-container .message-robot>img{max-width:350px;width:calc(100% - 100px);-o-object-fit:cover;object-fit:cover;border-radius:0 10px 10px 10px}.main .callbox-container .callbox-body>div:nth-child(1) .message-container .message-robot>div{border-radius:0 10px 10px 10px}.main .callbox-container .callbox-body>div:nth-child(1) .message-container .message-robot>div>a{color:var(--color-blue)}.main .callbox-container .callbox-body>div:nth-child(1) .message-container .message-robot>div>a:hover{opacity:.6}.main .callbox-container .callbox-body>div:nth-child(1) .message-container .message-robot::before{content:"";display:block;position:absolute;top:0;left:-50px;width:40px;height:40px;background-image:url("/r/cms/common/image/znwd-icon-robot.png");background-size:cover}.main .callbox-container .callbox-body>div:nth-child(1) .message-container .message-robot .title{display:flex;align-items:center;padding-bottom:10px;gap:10px;font-weight:700;border-bottom:1px dashed var(--color-border)}.main .callbox-container .callbox-body>div:nth-child(1) .message-container .message-robot .title::before{content:"";display:inline-block;width:5px;min-width:5px;height:20px;background-color:var(--color-blue)}.main .callbox-container .callbox-body>div:nth-child(1) .message-container .message-robot .title p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main .callbox-container .callbox-body>div:nth-child(1) .message-container .message-robot .list{margin-top:10px;display:flex;flex-direction:column;overflow:hidden;gap:10px}.main .callbox-container .callbox-body>div:nth-child(1) .message-container .message-robot .list a{padding-left:0px;display:block;overflow:hidden;text-overflow:ellipsis;color:var(--color-blue);font-size:14px}.main .callbox-container .callbox-body>div:nth-child(1) .message-container .message-robot .list a::before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background-color:var(--color-blue);vertical-align:middle;margin-right:10px}.main .callbox-container .callbox-body>div:nth-child(1) .message-container .message-user{justify-content:flex-end}.main .callbox-container .callbox-body>div:nth-child(1) .message-container .message-user>div{color:#fff;background-color:var(--color-blue);border-radius:10px 0 10px 10px}.main .callbox-container .callbox-body>div:nth-child(1) .message-container .message-user::after{content:"";display:block;position:absolute;top:0;right:-50px;width:40px;height:40px;background-image:url("/r/cms/common/image/znwd-icon-gerenfuwu.png");background-size:cover}.main .callbox-container .callbox-body>div:nth-child(1) .input-container{padding:20px;width:100%;display:flex;align-items:center;flex-direction:column;border-top:1px solid #d6e4ff}.main .callbox-container .callbox-body>div:nth-child(1) .input-container textarea{box-sizing:border-box;width:100%;min-height:100px;border:none;resize:none;outline:none;line-height:1.6}.main .callbox-container .callbox-body>div:nth-child(1) .input-container>div{width:100%;text-align:right}.main .callbox-container .callbox-body>div:nth-child(1) .input-container>div button{padding:8px 14px;background-color:var(--color-blue);border-radius:4px;color:#fff;transition:opacity .3s}.main .callbox-container .callbox-body>div:nth-child(1) .input-container>div button:not(:disabled):hover{opacity:.6}.main .callbox-container .callbox-body>div:nth-child(1) .input-container>div button:disabled{background-color:#ccc;cursor:no-drop}.main .callbox-container .callbox-body>div:nth-child(2){padding:20px;box-shadow:0 0 10px rgba(0,93,180,.3450980392)}.main .callbox-container .callbox-body>div:nth-child(2) .title{display:grid;align-items:center;grid-template-columns:24px 1fr;gap:10px;font-size:20px;font-weight:700;color:var(--color-blue)}.main .callbox-container .callbox-body>div:nth-child(2) .re-men-fu-wu .list-container{margin-top:12px;display:grid;grid-template-columns:repeat(2, 1fr);gap:10px}.main .callbox-container .callbox-body>div:nth-child(2) .re-men-fu-wu .list-container a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;padding:10px;border:1px solid #d6e4ff;border-radius:8px;text-align:center;font-size:14px}.main .callbox-container .callbox-body>div:nth-child(2) .re-men-fu-wu .list-container a img{width:30px;height:30px}.main .callbox-container .callbox-body>div:nth-child(2) .re-men-fu-wu .list-container a:hover{opacity:.6}.main .callbox-container .callbox-body>div:nth-child(2) .kuai-jie-fu-wu{margin-top:20px}.main .callbox-container .callbox-body>div:nth-child(2) .kuai-jie-fu-wu .list-container a{margin-top:10px;display:grid;align-items:center;grid-template-columns:24px 1fr;gap:10px;line-height:24px}.main .callbox-container .callbox-body>div:nth-child(2) .kuai-jie-fu-wu .list-container a:hover{opacity:.6}.main .callbox-container .callbox-body>div:nth-child(2) .kuai-jie-fu-wu .list-container a i{display:inline-block;width:24px;height:24px;color:#fff;text-align:center;border-radius:50%;font-style:normal;background-color:var(--color-blue);font-size:12px}@media screen and (max-width: 1200px){.main .layout-center{padding:0}}@media screen and (max-width: 768px){.main{padding:0}.main .callbox-container .callbox-header p{font-size:20px}.main .callbox-container .callbox-header img{height:26px}.main .callbox-container .callbox-body{grid-template-columns:repeat(1, 1fr);gap:30px}.main .callbox-container .callbox-body>div:nth-child(1) .message-container{padding:20px 50px}.main .callbox-container .callbox-body>div:nth-child(1) .message-container .message-robot::before{left:-40px;width:30px;height:30px}.main .callbox-container .callbox-body>div:nth-child(1) .message-container .message-user::after{right:-40px;width:30px;height:30px}}@media screen and (max-width: 489px){.main .callbox-container .callbox-body>div:nth-child(2) .re-men-fu-wu .list-container{grid-template-columns:repeat(1, 1fr)}}