.loading{text-align:center;padding-top:40vh;height:100%;width:100%}.loading>div{font-size:2em;display:inline-block;margin:0 2px;-webkit-animation:ball-pulse 1s ease infinite;animation:ball-pulse 1s ease infinite}.loading>div:first-child{-webkit-animation-delay:-.9s;animation-delay:-.5s}.loading>div:nth-child(2){-webkit-animation-delay:-.8s;animation-delay:-.45s}.loading>div:nth-child(3){-webkit-animation-delay:-.7s;animation-delay:-.4s}.loading>div:nth-child(4){-webkit-animation-delay:-.6s;animation-delay:-.35s}.loading>div:nth-child(5){-webkit-animation-delay:-.5s;animation-delay:-.3s}.loading>div:nth-child(6){-webkit-animation-delay:-.4s;animation-delay:-.25s}.loading>div:nth-child(7){-webkit-animation-delay:-.3s;animation-delay:-.2s}.loading>div:nth-child(8){-webkit-animation-delay:-.2s;animation-delay:-.15s}.loading>div:nth-child(9){-webkit-animation-delay:-.1s;animation-delay:-.1s}.loading>div:nth-child(10){-webkit-animation-delay:0s;animation-delay:-.05s}html{height:100%;color:#000;font:400 1em/1.4 Open Sans,sans-serif}body{margin:0}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}.main,.main-body{height:100%}.main-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.footer,.header{-webkit-box-flex:0;-ms-flex:none;flex:none;display:none}.header{border-bottom:1px solid #ccc}.footer{display:none;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:.5em;padding:1em 1em;border-top:1px solid #ccc}.body{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;flex-direction:column;padding:0;background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#e6ecf1),to(#dae1e8));background:linear-gradient(180deg,#e6ecf1,#dae1e8)}.body,.content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column}.content{flex-direction:column;height:100%}.ads,.nav{display:none}@media (min-width:768px){.footer,.header{display:-webkit-box;display:-ms-flexbox;display:flex}.content{-webkit-box-shadow:5px 10px 50px #888;box-shadow:5px 10px 50px #888;max-height:44em;margin:1em 1em}.footer{display:-webkit-box;display:-ms-flexbox;display:flex}}@media (min-width:988px){.body{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding:1.5em}.content{width:62em;-webkit-box-flex:0;-ms-flex:none;flex:none;padding:0 .25em;margin:0 .25em}.ads,.nav{display:-webkit-box;display:-ms-flexbox;display:flex;padding:1em;border-radius:3px;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}.nav{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}}.header-content{-webkit-box-flex:1;-ms-flex:auto;flex:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:1em 1em 1em 1.5em}.header-content a{color:#000;text-decoration:none}.logo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.logo>.logo_label{padding-left:1.5em}.main-menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;list-style-type:none;-webkit-padding-start:0;padding-inline-start:0;margin:0 .5em 0 .5em}.main-menu>li{padding:0 .5em .5em .5em;margin:0 1.5em 0 1.5em;cursor:pointer}.main-menu li.active{border-bottom:1px solid #000}.InputAddOn{display:-webkit-box;display:-ms-flexbox;display:flex}.InputAddOn-field:first-child,.InputAddOn-item:first-child{border-radius:2px 0 0 2px}.InputAddOn-field:not(:last-child){border-right:0}.InputAddOn-field,.InputAddOn-item{border:1px solid #666;padding:.8em 1.5em}.InputAddOn-item{padding:.6em 1.2em!important;font-size:1em}.InputAddOn-field{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:1em}button,input{overflow:visible}@media (min-width:768px){.InputAddOn{margin-bottom:1.5em}.InputAddOn-field,.InputAddOn-item{padding:.6em 1em}}.chatbox-main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;position:relative}.chatbox-header{display:-webkit-box;display:-ms-flexbox;display:flex;padding:1em;border-bottom:1px solid #eee;position:fixed;top:0}.chatbox-footer,.chatbox-header{-webkit-box-flex:0;-ms-flex:none;flex:none;background-color:#fff;width:100%;left:0;right:0}.chatbox-footer{height:40px;border-top:1px solid #eee;position:-webkit-sticky;position:sticky;bottom:0}.chatbox-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:auto;flex:auto;background-color:#f6f6f6;padding:95px .5em 50px .5em}.chatbox-header ul{list-style:none;-webkit-padding-start:0;padding-inline-start:0;margin:0 .5em 0 .5em}.chatbox-header ul li:first-child{font-weight:800;font-size:1.3em}.chatbox-header ul li:last-child{padding-top:.1em;color:#999}.chatbox-footer-quick_item{display:none}.chatbox-footer-quick_item ul{display:-webkit-box;display:-ms-flexbox;display:flex;list-style:none;-webkit-padding-start:0;padding-inline-start:0;margin-left:1em}.chatbox-footer-quick_item ul li{font-size:.8em;border:1px solid #ccc;background-color:#eee;padding:.3em .6em;margin-right:2em;cursor:pointer}@media (min-width:768px){.chatbox-footer,.chatbox-header{position:static}.chatbox-footer{height:auto}.chatbox-content{overflow-x:hidden;overflow-y:scroll;padding:1em;height:461px}.chatbox-footer-quick_item{display:block}.sendbox{margin:0 1em}}.msg_content img{max-width:100%}.dialogue_item.right{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.dialogue_item{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:1em}.dialogue_item:first-child{margin-top:0}.avatar{display:none;width:36px;height:36px;border-radius:50%}.robot_icon{display:none;background:url(https://spjs.cdn.soufeel.com/img/robot_icon.jpg) no-repeat top;background-size:190%}.user_icon{display:none;background:url(https://spjs.cdn.soufeel.com/img/user_icon.jpg) no-repeat;background-size:110%}.dialogue_item.right .dialogue_item-body{background-color:#39f;color:#fff}.dialogue_item-body{background-color:#fff;font-size:14px;max-width:100%;padding:10px;border-radius:15px}.postback{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;list-style:none;-webkit-padding-start:0;padding-inline-start:0;-webkit-margin-after:.5em;margin-block-end:.5em}.postback li{margin:.6em 0}.postback a{color:#4a90e2;text-decoration:none}.evaluate-body{font-size:18px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:.8em 0 0 0}.evaluate-body i{font-weight:600;opacity:.4;cursor:pointer}.evaluate-body i:first-child{margin-right:3em}.evaluate-body i:last-child{margin-left:3em}.evaluate-body i.active{opacity:.7}.dialogue-contact_us{font-size:14px;background:#e5e5e5;width:260px;margin:1em auto 0 auto;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding:10px 15px;color:#999;border-radius:15px;opacity:.8}.dialogue-contact_us a,.postback li{color:#4a90e2}.postback li{list-style:disc}.postback{padding-left:20px}@media (min-width:768px){.avatar,.robot_icon,.user_icon{display:block}.dialogue_item-body{max-width:880px;margin:0 10px}.postback{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.postback li{margin-right:2em;list-style:disc;color:#4a90e2}.postback{padding-left:20px}}.msg_order_list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;list-style:none;-webkit-padding-start:0;padding-inline-start:0;margin:0}.msg_order_list li a{color:#4a90e2;text-decoration:none}.msg_order_list li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-top:1em;padding-bottom:1em;border-bottom:1px solid #ccc}.msg_order_list li:first-child{margin-top:0}.msg_order_list li:last-child{padding-bottom:0;border-bottom:none}.msg_order_list img{-webkit-box-flex:0;-ms-flex:0 0 100px;flex:0 0 100px}.msg_order_list .order_status{-webkit-box-flex:1;-ms-flex:auto;flex:auto;margin:0 .5em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.msg_order_list .order_status>div:first-child{word-break:break-all}.msg_order_list .order_status>div:nth-child(2){font-size:12px;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;padding-top:.5em}.msg_order_list .order_status>div:nth-child(3){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.msg_order_list_more{cursor:default;text-align:center;-webkit-box-flex:1;-ms-flex:auto;flex:auto}.msg_order_list_more a{color:#4a90e2;text-decoration:none}.waiting .la-ball-pulse{display:block}.la-ball-pulse{display:none}.la-ball-pulse>div{background-color:#222;width:8px;height:8px;border-radius:50%;display:inline-block;margin:0 2px;-webkit-animation:ball-pulse 1s ease infinite;animation:ball-pulse 1s ease infinite}@-webkit-keyframes ball-pulse{0%,60%,to{-webkit-transform:scale(1);transform:scale(1);opacity:1}30%{-webkit-transform:scale(.01);transform:scale(.01);opacity:.1}}@keyframes ball-pulse{0%,60%,to{-webkit-transform:scale(1);transform:scale(1);opacity:1}30%{-webkit-transform:scale(.01);transform:scale(.01);opacity:.1}}.la-ball-pulse>div:first-child{-webkit-animation-delay:-.2s;animation-delay:-.2s}.la-ball-pulse>div:nth-child(2){-webkit-animation-delay:-.1s;animation-delay:-.1s}.la-ball-pulse>div:nth-child(3){-webkit-animation-delay:0s;animation-delay:0s}@media(max-width:768px){.chatbox-content{height:calc(100vh - 51px);-webkit-box-flex:unset;-ms-flex:unset;flex:unset;display:block;overflow-x:scroll;-webkit-overflow-scrolling:touch}.chatbox-main{height:100vh}.chatbox-header{z-index:1}.chatbox-footer{height:50px}.InputAddOn-field{height:50px;outline:none;-webkit-appearance:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.InputAddOn-item{height:50px;padding:.6em 1em!important}.InputAddOn-field,.InputAddOn-item{padding:.8em .5em}}.postback{-ms-flex-wrap:none!important;flex-wrap:none!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}