@import url(icon.css);.bblock .more .icon{width:6px;height:10px;background-position:-47px -29px}
.searchbox .i-sltcity{background-position:-37px -38px;width:9px;height:6px}
.i-back{width:9px;height:15px;background-position:-37px -22px;float:left}
.i-home{width:19px;height:19px;background-position:0 -22px;float:right}
.b-service ._icon{width:20px;height:20px}
.bs-time ._icon{background-position:-278px -46px}
.bs-tell ._icon{background-position:-278px -23px}
.navbox ._icon{width:40px;height:40px}
.i-qblp{background-position:0 0}
.i-zslp{background-position:-41px 0}
.i-bwzf{background-position:-82px 0}
.i-fdjs{background-position:-122px 0}
.i-hzgy{background-position: 0 -95px;}
.i-esf{background-position:-104px -38px}
.i-sp{background-position: -190px -38px;}
.i-xzl{background-position: -146px -38px;}
.i-dropdown{width:8px;height:5px;background-position:-195px -21px}
.active .i-dropdown{background-position:-195px -27px}
.i-huo{width:12px;height:14px;background-position:-54px -29px}
.tzicon{width:18px;height:18px;background-position:-67px -25px}
.guwenitem ._icon{width:45px;height:45px;background-position:-230px -82px}
.infobox .icon{width:17px;height:17px}
.infobox .i-hx{background-position:-139px 0}
.infobox .i-mj{background-position:-122px -17px}
.infobox .i-dz{background-position:-139px -17px}
.infobox .i-ys{background-position:-157px 0}
.bdicon i{width:21px;height:21px}
.bdicon .i-tv{background-position:-22px 0}
.bdicon{position:absolute;left:8px;bottom:25px;z-index:1}
.bdicon i{float:left;margin-right:5px;border-radius:45%;box-shadow:0 0 5px rgba(0,0,0,.5)}
body{background:#f1f2f3;margin:0 auto}
.footbox{color:#999;text-align:center;font-size:14px;line-height:14px;padding:15px;background:#000;padding-bottom: 68px;}
.footbox p{padding:3px 0 5px}
.header{background:#fff;height:32px;box-shadow:0 0 3px #ddd;position:fixed;z-index:8;left:0;right:0;top:0;line-height:20px;padding:14px 15px 0;text-align:center}
.header .logo{width:90px;margin-left:-42px;position:absolute;top:5px;z-index:1}
.header .title{text-align:center;font-size:17px;color:#000}
.head-pd{padding-top:46px;}
.bblock{background:#fff;margin-top:15px;box-shadow:0 0 2px rgba(0,0,0,.02)}
.bblock .btitle{padding:15px 15px 0;font-size:18px;line-height:36px;height:36px;color:#343434}
.bblock .more{float:right;color:#999;font-size:12px}
.bblock .more .icon{margin:13px 0 0 3px}
.leave-box{text-align:center}
.leave-box span{display:block;background:#f9f9f9;color:#e03236;line-height:45px;font-size:15px;border-radius:2px}
.mbutton{background:#e03236;color:#fff;text-align:center}
.error{position:fixed;left:0;right:0;bottom:80px;z-index:99;text-align:center;display:none}
.error span{background:rgba(0,0,0,.8);color:#fff;display:inline-block;padding:10px 15px;border-radius:3px;line-height:20px}

.navbox{background:#fff}
.navbox ul{display: flex;
    width: 100%;
    text-align: center;
    flex-wrap: wrap;
    justify-content: flex-start;}
.navbox li{line-height:30px;font-size:13px;    width: 20%;}
.navbox ._icon{display:block;margin:0 auto;position:relative}
.navbox .discount:before,.navbox .new:before{position:absolute;top:-3px;background:#E33939;color:#fff;font-size:12px;transform:scale(.66);text-align:center;box-shadow:-2px 2px 0 0 #fff}
.navbox .discount:before{content:"优惠";line-height:18px;height:18px;width:36px;border-radius:10px;left:18px}
.navbox .new:before{content:"新";line-height:20px;height:20px;width:20px;border-radius:10px 10px 10px 0;left:20px}

.show_msg{width:100%; height:35px; text-align:center; position:fixed; left: 0; z-index: 999; }
.show_span{display: inline-block; height: 35px; padding: 0 15px; line-height: 35px; background:rgba(0,0,0,0.8); border-radius: 50px; color: #fff; font-size: 1em; }
.ysxyDialog{background:#fff; height: 100%; z-index: 999; position: fixed; padding:20px; text-align: center; font-size: 14px;display: none;top: 0; }
.ysxyDialog p{padding: 15px; }
.ysxyDialog span{ position:absolute;right:15px;top:10px;color:#06f;font-size:14px;cursor:pointer }


.b-service{position:fixed;left:0;right:0;bottom:0;z-index:8;height:50px;-webkit-box-shadow:0 -3px 15px 0 rgba(0,0,0,.1);box-shadow:0 -3px 15px 0 rgba(0,0,0,.1);background:#fff;text-align:center;line-height:50px}
.b-service ._icon{width:22px;height:22px;vertical-align:top;margin-top:15px;margin-right:6px}
.b-service .bs-time{float:left;width:40%;color:#666}
.b-service .bs-tell{float:left;width:60%;background:#e03236;color:#fff}
.b-service~.bodybox{padding-bottom:50px}

.b-service{line-height:42px;height:42px;padding:9px 15px}
.b-service ._icon{margin-top:11px}
.b-service .bs-online{float:left;width:18%;position:relative;padding-top:18px;line-height:24px;height:24px;overflow:hidden}
.b-service .bs-online ._icon{width:20px;height:16px;background-position:-278px -79px;position:absolute;margin:0;top:2px;left:50%;margin-left:-10px}
.b-service .bs-tell,.b-service .bs-time{width:37%;border-radius:5px;margin-left:4%}
.b-service .bs-time{background:#F8914C;color:#fff}
.b-service .bs-time ._icon{background-position:-278px 0}
.b-service .bs-tell ._icon{background-position:-278px -23px}
.b-service~.bodybox{padding-bottom:60px}


/*AI机器人*/
.chat-container {width: 100%; margin: 0 auto; background-color: #fff; border-radius: 10px; overflow: hidden; box-shadow: 0 0 10px rgba(0,0,0,0.1); position: fixed; bottom: 0;z-index: 99;display:none; } 
.chat-div {padding:0 10px; background-color: #3767D3; color: #fff; font-size: 15px; } 
.chat-header { } 
.chatBody {padding: 10px; height: 186px; overflow-y: scroll; display: flex; flex-direction: column; } 
.chat-message {padding: 10px; border-radius: 10px; margin-bottom: 10px; max-width: 80%; } 
.chat-message.sent {background-color: #0f9d58; color: #fff; align-self: flex-end; margin-right: 10px; } 
.chat-message.received {background-color: #007bff; color: #fff; align-self: flex-start; margin-left: 10px; } 
.chat-input {padding: 10px; display: flex; align-items: center;overflow: auto; border-top: 2px solid #EEEEEE; background-color: #FFFFFF; max-height: 220px; padding-bottom: 14px; } 
.chat-input input {flex: 1; border: none; background: rgba(242, 242, 251, 1); min-height: 34px; border-radius: 24px; padding-left: 15px;    font-size: 14px; }
.chat-input div {background: rgb(220, 223, 230); border: 0; margin: 0 10px 0 10px; border-radius: 50px; width: 50px; height: 36px;    color: #3767d3;
    line-height: 36px;
    text-align: center; }
#jesong{ width: 28px; float: right; margin-right: 10px; }
#custome{ width: 24px; float: right; margin-top: 10px; }
.out-fasong{ width: 20px; height: 20px; margin: 2px 0 0 3px; }
.my-message {text-align: right; }
.out-but{ float: right;margin-top: 11px; }
.bubble {margin: 5px 10px 0; color: #333333; font-size: 14px; }
.bubble .bubble-icon {margin: 6px 0px 6px 0; width: 36px; height: 36px; border-radius: 18px; overflow: hidden; float: left; }
.bubble .bubble-icon img {width: 36px; height: 36px; }
.bubble .bubble-con {min-height: 40px; float: left; max-width: 76%; width: 100%; text-align: left !important; line-height: normal; }
.bubble .session span {display: inline-block; word-break: break-word; margin-right: 10px; }
.bubble .session-con {display: inline-block; margin-bottom: 5px; padding: 8px 11px; background: #F2F2FB; border-radius: 0 16px 16px 16px; box-shadow: 0 2px 4px 0 rgba(207, 209, 211, 1); border: 1px solid #e6e6e6; word-wrap: break-word; word-break: break-word; text-align: left !important; max-width: 80%; }
.bubble-con { margin: 10px;float: right;text-align: right; }
.bubble-con{margin: 4px 10px;}
.jesong-float-right{ display: inline-block;margin-bottom: 5px;padding: 8px 11px;box-shadow: 0 2px 4px 0 rgba(207, 209, 211, 1);border: 1px solid #e6e6e6;border-radius: 16px 0 16px 16px;word-wrap: break-word;word-break: break-word;text-align: left !important;color: #fff;max-width: 80%; }
.session{line-height: 24px;}
#myVideo{ display: none; }
.jesong_pan_icon{ position: fixed; max-width: 30px; max-height: 80px; min-width: 20px; min-height: 20px; top: 50%; left: 15px; margin-top: -40px; display: block;}
.chaspan-html div{ padding: 5px 10px 14px; }
.chaspan-html .shouqi{ text-align: center;
    bottom: -16px;
    position: absolute;
    border-radius: 25px;
    border: 1px solid red;
    background: #fff;
    width: 29px;
    margin: 0 auto;
    left: 0;
    right: 0;
    padding: 3px;
    font-size: 12px;
    color: red;}
.chaspan-html{ display: none;position: absolute;
    background: #fff;width: 100%;border-bottom: 2px solid #EEEEEE;}
.changyong-html{white-space: nowrap;
    overflow-x: scroll;
    padding: 10px;
    border-top: 2px solid #e9e9e9;}
.changyong-html div{     display: flex; }
.changyong-html div span{ margin-right: 10px; }

.ques-content,.words-container{white-space: normal;word-break: break-word;}