.chatContainer,.chatContainer div, .chatContainer ul, .chatContainer li, .chatContainer p{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/* 设置滚动条的样式 */
::-webkit-scrollbar {
    width:5px;
}
/* 滚动槽 */
::-webkit-scrollbar-track {
    border-radius:10px;
}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
    border-radius:10px;
    background:#8C85E6;
    -webkit-box-shadow:#8C85E6;
}
::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(175, 190, 255, 0.4);
}
/*按钮样式*/
.btn-default-styles {
    outline: none;
    resize: none;
    border: none;
    display: inline-block;
    padding: 5px 10px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    background: #fcfcfc;
    color: #fff;
    border-radius: 4px;
}
.btn-default-styles:focus {
    outline: none;
}
.btn-default-styles:hover {
    background: #c5c5c5;
    animation: anniu 1s infinite;
}
.btn-default-styles:active {
    box-shadow: 0 2px 3px rgba(0, 0, 0, .2) inset;
}


.chatContainer{
    position: fixed;
    bottom: 20px;
    right: 20px;
}
.qqcss{
    bottom: 100px;
    line-height: 450px;
}
.chatBtn{
    width: 50px;
    height: 50px;
    background: #01bef0;
    color: #fff;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    box-shadow: 2px 2px 2px #d4d4d4;
    cursor: pointer;
    position: absolute;
    bottom: 50px;
    right: 40px;
    overflow: hidden;
}
.chatBtn:hover{
    background: #01b3df;
    box-shadow: none;
}
.chatBtn>i{
    font-size: 25px;
}
.chatBox{
    width: 1000px;
    min-width: 320px;
    height: 570px;
    border-radius: 0px;
    background: #f3f4f5;
    position: absolute;
    bottom:200px;
    right: 250px;

    overflow: hidden;
    border: solid 1px #d5d5d5;
    box-shadow: 1px 1px 2px #c0c0c0;
    z-index: 1005;
}
.chatBox-head{
    width: 100%;
    height: 55px;
    background: #f3f4f5;
    position: absolute;
    top: 0;
    left: 0;
}
.chatBox-head-one{
    width: 100%;
    height: 75px;
    line-height: 75px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
}
.chatBox-head-two{
    width: 100%;
    height: 75px;
    color: #fff;
    padding: 10px 10px;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
}
.chat-return{
    float: left;
    width: 55px;
    height: 55px;
    line-height: 55px;
    border-radius: 10px;
    cursor: pointer;
    text-align: center;
}

.chat-return:hover{
    background: #0188b7;
}
.chat-close{
    float: right;
    width: 55px;
    height: 55px;
    line-height: 55px;
    border-radius: 10px;
    cursor: pointer;
    text-align: center;
}
.chat-close:hover{
    background: #0188b7;
}
.chat-people{
    float: left;
}
.chat-people>div{
    height: 55px;
    display: inline-block;
    vertical-align: middle;
    line-height: 55px;
    margin-left: 5px;
}
.chat-people>div:nth-of-type(1){
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #eee;
    overflow: hidden;
}
.chat-people>div:nth-of-type(1)>img{
    width: 50px;
    height: 50px;
}
.chat-people>div:nth-of-type(2){
    width: 165px;
    text-align: left;
    height: 55px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.chatBox-info{
    width: 100%;
    height: 495px;
    background:#f3f4f5;
    text-align: left;
    position: absolute;
    top: 75px;
    left: 0;
}

.chatBox-list{
    width: 100%;
    height: 495px;
    overflow-y: scroll;
}
.chat-list-people:hover{
    cursor: pointer;
    background: #f8f8f8;
}
.chat-list-people>div{
    height: 55px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}
.chat-list-people>div:nth-of-type(1){
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #eee;
    overflow: hidden;
}
.chat-list-people>div:nth-of-type(1)>img{
    width: 40px;
    height: 40px;
}


.chat-name{
    width: 230px;
}
.chat-name>p{
    margin: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.chat-name>p:nth-of-type(1){
    line-height: 55px;
}
.chat-list-people>div.message-num{
    display: inline-block;
    height: auto;
    min-width: 10px;
    padding: 3px 5px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 10px;
    margin-right: 15px;
    margin-top: 14px;
    color: #fff;
    background: #f46266;
    float: right;
}
.chat-message-num{
    display: inline-block;
    height: auto;
    min-width: 10px;
    padding: 3px 5px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 10px;
    margin-right: 15px;
    margin-top: 14px;
    color: #fff;
    background: #f46266;
    position: absolute;
    bottom: 40px;
    right: -24px;
}
.chatBox-kuang{
    width: 100%;
    height: 495px;
    display: none;
}
.chatBox-content{
    width: 100%;
}
.chatBox-content-demo{
    width: 100%;
    overflow-y: scroll;
}

.clearfloat:after{
    display:block;
    clear:both;
    content:"";
    visibility:hidden;
    height:0
}
.clearfloat{
    zoom:1;
    margin: 40px 10px;
}
.clearfloat .right{
    float: right;
}
.author-name{
    text-align: center;
    margin: 15px 0 5px 0;
    color: #888;
}

.clearfloat .chat-message{
    max-width: 452px;
    text-align: left;
    padding: 8px 12px;
    border-radius: 6px;
    word-wrap:break-word;
    display: inline-block;
    position: relative;
}


.clearfloat .left .chat-message{
    background-color: #fff;
    display: inline-block;
    padding: 12px;
 
    word-break: break-all;
    word-wrap: break-word;
    color: #555555;
    border-radius: .13333rem;
    border-top-left-radius: 0;
    position: relative;
    left: 0px;
    max-width: 80%;
    border: 1px solid #dddddd;
    font-size: 16px;
}

.clearfloat .left .chat-message:before{
    position: absolute;
    content: "";
    top: 8px;
    left: -6px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #00000000;
}

.clearfloat .right{
    text-align: right;
}
.clearfloat .right .chat-message{
    background-color: #3bf;
    display: inline-block;
    padding: 12px;

    word-break: break-all;
    word-wrap: break-word;
    color: #ffffff;
    border-radius: .13333rem;
    border-top-right-radius: 0;
    max-width: 85%;
    box-sizing: border-box;
    font-size: 16px;
}
.clearfloat .right .chat-message:before{
    position: absolute;
    content: "";
    top: 8px;
    right: -6px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #00000000;
}

.clearfloat .chat-avatars{
    display: inline-block;
    width: 45px;
    height: 45px;
    border-radius: 10%;
    background: #f7f7f7;
    vertical-align: top;
    overflow: hidden;
}
.clearfloat .chat-avatars>img{
    width: 40px;
    height: 40px;
}
.clearfloat .left .chat-avatars{
    margin-right: 10px;
}
.clearfloat .right .chat-avatars{
    margin-left: 10px;
}

.chatBox-send{
    width: 100%;
    padding: 10px 5px;
    background: #eee;
    border-top: 1px #D0D0D0 solid;
    position: absolute;
    bottom: 0;
    left: 0;
}
.div-textarea{
    width: 250px !important;
    min-height: 20px;
    max-height: 100px;
    _height: 120px;
    padding: 3px;
    outline: 0;
    background: #f7efef;
    font-size: 14px;
    line-height: 20px;
    word-wrap: break-word;
    overflow-x: hidden;
    overflow-y: auto;
    user-modify: read-write-plaintext-only;    /*纯文本*/
    -webkit-user-modify: read-write-plaintext-only;
    -moz-user-modify: read-write-plaintext-only;
}
.div-textarea:focus{
    box-shadow: 0 0 15px rgba(82, 168, 236, 0.6);
}
.chatBox-send>div{
    float: left;
}
.chatBox-send>div:nth-of-type(2){
    font-size: 0;
}
.chatBox-send>div button{
    padding: 1px 5px;
    margin-left: 3px;
}
.chatBox-send>div label{
    padding: 1px 5px;
    margin-left: 3px;
}
#chat-biaoqing{
    position: relative;

}
.hidden{
    display: none;
}
.biaoqing-photo{
    width: 200px;
    height: 160px;
    background: #ffffff;
    position: absolute;
    top: -160px;
    right: 40px;
    text-align: left;
    border-radius: 5px;
    border: solid 1px #c5c5c5;
    display: none;
}
.biaoqing-photo::before{
    content: '';
    position: absolute;
    border-top: solid 7px #c5c5c5;
    border-left: solid 9px transparent;
    border-right: solid 9px transparent;
    bottom: -7px;
    right: 36px;
}
.biaoqing-photo::after{
    content: '';
    position: absolute;
    border-top: solid 7px #fff;
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
    bottom: -5px;
    right: 35px;
}
.biaoqing-photo>ul{
    margin: 0;
    width: 200px;
    height: 160px;
    padding: 3px 2px;
    list-style: none;
}
.biaoqing-photo>ul>li{
    float: left;
    height: 30px;
    margin-left: 2px;
}
.emoji-picker-image{
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url(../img/bqxtb01.png) no-repeat;
    background-size: 200px auto;
    cursor: pointer;
}
.biaoqing-photo>ul>li span.emoji-picker-image:hover{
    border: solid 1px #f5f5f5;
}
.chat-message img{
    width: 220px;
    height:auto;
}

@media all and (max-width: 768px) {
    .chatBox{
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}
@media all and (max-width: 370px){
    .chat-name{
        width: 185px;
    }
    .chat-people>div:nth-of-type(2){
        width: 120px;
    }
    .clearfloat .chat-message{
        max-width: 240px;
    }
}
.foot_msg {
    width: 100%;
    height: 100%;
    overflow: auto;
    position: relative;
}
.foot_msg {
    width: 100%;
    height: 100%;
    overflow: auto;
}
blockquote, body, button, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, td, textarea, th, ul {
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
* {
    -webkit-overflow-scrolling: touch;
}
* {
    scrollbar-face-color: #bbb;
    scrollbar-arrow-color: #bbb;
    scrollbar-3dlight-color: #c0c0c0;
    scrollbar-highlight-color: #bbb;
    scrollbar-shadow-color: #bbb;
    scrollbar-darkshadow-color: #c0c0c0;
    scrollbar-track-color: #eee;
}
.layui-layer-imgbar,.layui-layer-imgtit a,.layui-layer-tab .layui-layer-title span,.layui-layer-title{text-overflow:ellipsis;white-space:nowrap}*html{background-image:url(about:blank);background-attachment:fixed}html #layui_layer_skinlayercss{display:none;position:absolute;width:1989px}.layui-layer,.layui-layer-shade{position:fixed;_position:absolute;pointer-events:auto}.layui-layer-shade{top:0;left:0;width:100%;height:100%;_height:expression(document.body.offsetHeight+"px")}.layui-layer{-webkit-overflow-scrolling:touch;top:150px;left:0;margin:0;padding:0;background-color:#fff;-webkit-background-clip:content;box-shadow:1px 1px 50px rgba(0,0,0,.3);border-radius:2px;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.3s;animation-duration:.3s}.layui-layer-close{position:absolute}.layui-layer-content{position:relative}.layui-layer-border{border:1px solid #B2B2B2;border:1px solid rgba(0,0,0,.3);box-shadow:1px 1px 5px rgba(0,0,0,.2)}.layui-layer-moves{position:absolute;border:3px solid #666;border:3px solid rgba(0,0,0,.5);cursor:move;background-color:#fff;background-color:rgba(255,255,255,.3);filter:alpha(opacity=50)}.layui-layer-load{background:url(../image/loading-0.gif) center center no-repeat #fff}.layui-layer-ico{background:url(../image/icon.png) no-repeat}.layui-layer-btn a,.layui-layer-dialog .layui-layer-ico,.layui-layer-setwin a{display:inline-block;*display:inline;*zoom:1;vertical-align:top}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.layer-anim{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceOut{100%{opacity:0;-webkit-transform:scale(.7);transform:scale(.7)}30%{-webkit-transform:scale(1.03);transform:scale(1.03)}0%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounceOut{100%{opacity:0;-webkit-transform:scale(.7);-ms-transform:scale(.7);transform:scale(.7)}30%{-webkit-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03)}0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.layer-anim-close{-webkit-animation-name:bounceOut;animation-name:bounceOut;-webkit-animation-duration:.2s;animation-duration:.2s}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);-ms-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(60px);-ms-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.layer-anim-01{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.layer-anim-02{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(48px);transform:scale(.475) translateX(48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);-ms-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(48px);-ms-transform:scale(.475) translateX(48px);transform:scale(.475) translateX(48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.layer-anim-03{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);-ms-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0) rotate(0);-ms-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}}.layer-anim-04{-webkit-animation-name:rollIn;animation-name:rollIn}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.layer-anim-05{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes shake{0%,100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}}.layer-anim-06{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.layui-layer-title{padding:0 80px 0 20px;height:42px;line-height:42px;border-bottom:1px solid #eee;font-size:14px;color:#333;overflow:hidden;background-color:#F8F8F8;border-radius:2px 2px 0 0}.layui-layer-setwin{position:absolute;right:15px;*right:0;top:15px;font-size:0;line-height:initial}.layui-layer-setwin a{position:relative;width:16px;height:16px;margin-left:10px;font-size:12px;_overflow:hidden}.layui-layer-setwin .layui-layer-min cite{position:absolute;width:14px;height:2px;left:0;top:50%;margin-top:-1px;background-color:#2E2D3C;cursor:pointer;_overflow:hidden}.layui-layer-setwin .layui-layer-min:hover cite{background-color:#2D93CA}.layui-layer-setwin .layui-layer-max{background-position:-32px -40px}.layui-layer-setwin .layui-layer-max:hover{background-position:-16px -40px}.layui-layer-setwin .layui-layer-maxmin{background-position:-65px -40px}.layui-layer-setwin .layui-layer-maxmin:hover{background-position:-49px -40px}.layui-layer-setwin .layui-layer-close1{background-position:0 -40px;cursor:pointer}.layui-layer-setwin .layui-layer-close1:hover{opacity:.7}.layui-layer-setwin .layui-layer-close2{position:absolute;right:-28px;top:-28px;width:30px;height:30px;margin-left:0;background-position:-149px -31px;*right:-18px;_display:none}.layui-layer-setwin .layui-layer-close2:hover{background-position:-180px -31px}.layui-layer-btn{text-align:right;padding:0 10px 12px;pointer-events:auto}.layui-layer-btn a{height:28px;line-height:28px;margin:0 6px;padding:0 15px;border:1px solid #dedede;background-color:#f1f1f1;color:#333;border-radius:2px;font-weight:400;cursor:pointer;text-decoration:none}.layui-layer-btn a:hover{opacity:.9;text-decoration:none}.layui-layer-btn a:active{opacity:.7}.layui-layer-btn .layui-layer-btn0{border-color:#4898d5;background-color:#2e8ded;color:#fff}.layui-layer-dialog{min-width:260px}.layui-layer-dialog .layui-layer-content{position:relative;padding:20px;line-height:24px;word-break:break-all;overflow:hidden;font-size:14px;overflow-x:hidden;overflow-y:auto}.layui-layer-dialog .layui-layer-content .layui-layer-ico{position:absolute;top:16px;left:15px;_left:-40px;width:30px;height:30px}.layui-layer-ico1{background-position:-30px 0}.layui-layer-ico2{background-position:-60px 0}.layui-layer-ico3{background-position:-90px 0}.layui-layer-ico4{background-position:-120px 0}.layui-layer-ico5{background-position:-150px 0}.layui-layer-ico6{background-position:-180px 0}.layui-layer-rim{border:6px solid #8D8D8D;border:6px solid rgba(0,0,0,.3);border-radius:5px;box-shadow:none}.layui-layer-msg{min-width:180px;border:1px solid #D3D4D3;box-shadow:none}.layui-layer-hui{min-width:100px;background-color:#000;filter:alpha(opacity=60);background-color:rgba(0,0,0,.6);color:#fff;border:none}.layui-layer-hui .layui-layer-content{padding:12px 25px;text-align:center}.layui-layer-dialog .layui-layer-padding{padding:20px 20px 20px 55px;text-align:left}.layui-layer-page .layui-layer-content{position:relative;overflow:auto}.layui-layer-iframe .layui-layer-btn,.layui-layer-page .layui-layer-btn{padding-top:10px}.layui-layer-nobg{background:0 0}.layui-layer-iframe .layui-layer-content{overflow:hidden}.layui-layer-iframe iframe{display:block;width:100%}.layui-layer-loading{border-radius:100%;background:0 0;box-shadow:none;border:none}.layui-layer-loading .layui-layer-content{width:60px;height:24px;background:url(../image/loading-0.gif) no-repeat}.layui-layer-loading .layui-layer-loading1{width:37px;height:37px;background:url(../image/loading-1.gif) no-repeat}.layui-layer-ico16,.layui-layer-loading .layui-layer-loading2{width:32px;height:32px;background:url(../image/loading-2.gif) no-repeat}.layui-layer-tips{background:0 0;box-shadow:none;border:none}.layui-layer-tips .layui-layer-content{position:relative;line-height:22px;min-width:12px;padding:5px 10px;font-size:12px;_float:left;border-radius:3px;box-shadow:1px 1px 3px rgba(0,0,0,.3);background-color:#F90;color:#fff}.layui-layer-tips .layui-layer-close{right:-2px;top:-1px}.layui-layer-tips i.layui-layer-TipsG{position:absolute;width:0;height:0;border-width:8px;border-color:transparent;border-style:dashed;*overflow:hidden}.layui-layer-tips i.layui-layer-TipsB,.layui-layer-tips i.layui-layer-TipsT{left:5px;border-right-style:solid;border-right-color:#F90}.layui-layer-tips i.layui-layer-TipsT{bottom:-8px}.layui-layer-tips i.layui-layer-TipsB{top:-8px}.layui-layer-tips i.layui-layer-TipsL,.layui-layer-tips i.layui-layer-TipsR{top:1px;border-bottom-style:solid;border-bottom-color:#F90}.layui-layer-tips i.layui-layer-TipsR{left:-8px}.layui-layer-tips i.layui-layer-TipsL{right:-8px}.layui-layer-lan[type=dialog]{min-width:280px}.layui-layer-lan .layui-layer-title{background:#4476A7;color:#fff;border:none}.layui-layer-lan .layui-layer-btn{padding:10px;text-align:right;border-top:1px solid #E9E7E7}.layui-layer-lan .layui-layer-btn a{background:#BBB5B5;border:none}.layui-layer-lan .layui-layer-btn .layui-layer-btn1{background:#C9C5C5}.layui-layer-molv .layui-layer-title{background:#009f95;color:#fff;border:none}.layui-layer-molv .layui-layer-btn a{background:#009f95}.layui-layer-molv .layui-layer-btn .layui-layer-btn1{background:#92B8B1}.layui-layer-iconext{background:url(../image/icon-ext.png) no-repeat}.layui-layer-prompt .layui-layer-input{display:block;width:220px;height:30px;margin:0 auto;line-height:30px;padding:0 5px;border:1px solid #ccc;box-shadow:1px 1px 5px rgba(0,0,0,.1) inset;color:#333}.layui-layer-prompt textarea.layui-layer-input{width:300px;height:100px;line-height:20px}.layui-layer-tab{box-shadow:1px 1px 50px rgba(0,0,0,.4)}.layui-layer-tab .layui-layer-title{padding-left:0;border-bottom:1px solid #ccc;background-color:#eee;overflow:visible}.layui-layer-tab .layui-layer-title span{position:relative;float:left;min-width:80px;max-width:260px;padding:0 20px;text-align:center;cursor:default;overflow:hidden}.layui-layer-tab .layui-layer-title span.layui-layer-tabnow{height:43px;border-left:1px solid #ccc;border-right:1px solid #ccc;background-color:#fff;z-index:10}.layui-layer-tab .layui-layer-title span:first-child{border-left:none}.layui-layer-tabmain{line-height:24px;clear:both}.layui-layer-tabmain .layui-layer-tabli{display:none}.layui-layer-tabmain .layui-layer-tabli.xubox_tab_layer{display:block}.xubox_tabclose{position:absolute;right:10px;top:5px;cursor:pointer}.layui-layer-photos{-webkit-animation-duration:1s;animation-duration:1s}.layui-layer-photos .layui-layer-content{overflow:hidden;text-align:center}.layui-layer-photos .layui-layer-phimg img{position:relative;width:100%;display:inline-block;*display:inline;*zoom:1;vertical-align:top}.layui-layer-imgbar,.layui-layer-imguide{display:none}.layui-layer-imgnext,.layui-layer-imgprev{position:absolute;top:50%;width:27px;_width:44px;height:44px;margin-top:-22px;outline:0;blr:expression(this.onFocus=this.blur())}.layui-layer-imgprev{left:10px;background-position:-5px -5px;_background-position:-70px -5px}.layui-layer-imgprev:hover{background-position:-33px -5px;_background-position:-120px -5px}.layui-layer-imgnext{right:10px;_right:8px;background-position:-5px -50px;_background-position:-70px -50px}.layui-layer-imgnext:hover{background-position:-33px -50px;_background-position:-120px -50px}.layui-layer-imgbar{position:absolute;left:0;bottom:0;width:100%;height:32px;line-height:32px;background-color:rgba(0,0,0,.8);background-color:#000\9;filter:Alpha(opacity=80);color:#fff;overflow:hidden;font-size:0}.layui-layer-imgtit *{display:inline-block;*display:inline;*zoom:1;vertical-align:top;font-size:12px}.layui-layer-imgtit a{max-width:65%;overflow:hidden;color:#fff}.layui-layer-imgtit a:hover{color:#fff;text-decoration:underline}.layui-layer-imgtit em{padding-left:10px;font-style:normal}
#close_icon {
    position: absolute;
    right: 10px;
    top: 2px;
    cursor: pointer;
}

.input-but {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;

}

.my-circle {
    border-radius: 30px;
}

.size {
    min-width: 30px;
    height: 25px;
    line-height: 30px;
    border: none;
}

.fileinput {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0px;
    right: 0px;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
}

 .chatmsg_no{
     position: relative;
     margin-bottom: 80px;
}

.chatmsg_question{
     position: relative;
     margin-bottom: 228px;
}

.chatmsg .my-circle {
    width: 40px;
    height: 40px;
}

.foot_msg {
    width: 100%;
    height: 100%;
    overflow: auto;
    position: relative;
}


#text_in {
    width: 100%;
    padding-right: 20%;
    height: 50px;
    float: left;
    border: 0;
    padding-left: 12px;
    color: #555555;
    font-size: 16px;
}

#text_in+.send-btn {
    position: absolute;
    right:12px;
    top:9px;
    width:60px;
    height: 32px;
    line-height: 32px;
    border-radius: 16px;
    padding: 0;
    text-align: center;
}

.msg-toolbar {
    width: 100%;
    height: 44px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 50px;
    background-color: #f7f7f7;
}

.msg-toolbar a {
    float: left;
    width: 33%;
    margin: 0;
    text-align: center;
}

.msg-toolbar a img {
    margin-top: 10.5px;
    height: 23px;
    width: 23px;
}

.tool_box {
    width: 100%;
    height: auto;
    position: absolute;
    bottom: 94px;
    top: -160px;
    display: none;
    background-color: #fff;
}

.wl_faces_main ul {
    margin: 5px 5px;
    overflow: hidden;
    width: 100%;
}

.wl_faces_main ul li {
    float: left;
    height: 30px;
    width: 26px;
    text-align: center;

}

.wl_faces_main ul li img {
    width: 22px;
    height: 22px;
    padding: 0px;
}

.customer {
    background-color: #3bf;
    display: inline-block;
    padding: 12px;
    float: right;
    word-break: break-all;
    word-wrap: break-word;
    color: #ffffff;
    border-radius: .13333rem;
    border-top-right-radius: 0;
    max-width: 80%;
    box-sizing: border-box;
      
font-size:16px;
}

.outer-left:before, .outer-left > i {
    height: 0;
    border: 0;
}

.outer-right:before, .outer-right > i {
    height: 0;
    border: 0;            
}

.service {
    background-color: #fff;
    display: inline-block;

    padding: 12px;
    float: left;
    word-break: break-all;
    word-wrap: break-word;
    color: #555555;
border-radius: .13333rem;
    border-top-left-radius: 0;
    position: relative;
    left: 0px;
    max-width: 80%;
    border: 1px solid #dddddd;
       
font-size:16px;
}


.bg,.offline {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, .4);
    z-index: 998;
    display: none;
}

.dialog {
    width: 65%;
    padding: 20px 25px;
    border-radius: 5px;
    background-color: #fff;
    margin: 25% auto 0;
    position: relative;
    padding-bottom: 65px;
}

.bg .title {
    font-size: 15px;
    text-align: center;
    color: #555555;
    font-weight: 600;
    margin-bottom: 15px;
}

.evaluate-item {
    height: 26px;
    display: flex;
    align-items: center;
}

.evaluate-item img {
    height: 16px;
    width: 16px;
    cursor: pointer;
    margin-left: 14px;
}

.evaluate-item img:first-of-type {
    margin-left: 14px;
}

.evaluate-text {
    display: none;
    border: 1px solid #4AACFF;
    color: #4AACFF;
    height: auto;
    font-size: 13px;
    border-radius: 5px;
    margin-left: 12px;
    padding: 0px 5px;
}

.about-text {
    border: 1px solid #E5E3E9;
    border-radius: 10px;
    width: 68%;
    padding: 5px 10px;
}

.evaluate-btn {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.dialog .evaluate-btn {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    height: 45px;
    line-height: 45px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.dialog .evaluate-btn button {
    width: 50%;
    border: 0;
    font-size: 15px;
}

.dialog .evaluate-btn button.reset {
    border-bottom-left-radius: 5px;
    background-color: #F5F5F5;
    color: #555555;
}


.dialog .evaluate-btn button.submit {
    border-bottom-right-radius: 5px;
    background-color: #3399ff;
    color: #fff;
}

.evaluate-title {
    min-width: 85px;
    text-align: left;
}

.offline-item {
    margin-bottom: 15px;
}

.offline-title {
    text-align: left;
    margin-bottom: 10px;
}

.offline-item input {
    height: 40px;
    border-radius: 20px;
    padding: 0 5%;
    border: 1px solid #E8E6EB;
    width: 90%;
}

.keyword {
    position: fixed;
    bottom: 94px;
    left: 0;
    max-width: 100%;
    height: 48px;
    white-space: nowrap;
    z-index: 90;
    display: none;
    overflow-y: auto
}

.keyword #question_key_list {
    margin-top: 8px;
    margin-left: 20px;
}

.keyword .swiper-slide {
    display: inline-block;
    width: auto;
    height: 24px;
    line-height: 24px;
    padding: 0 10px;
    border-radius: 12px;
    border: 1px solid #E2E2E2;
    font-size: 12px;
    margin-right: 10px;
    background-color: #fff;
    cursor: pointer;
}
@font-face {
    font-family: "iconfont";
    src: url('static/static/font/iconfont-1581182649014.eot'); /* IE9 */
    src: url('static/static/font/iconfont-1581182649014.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAKcAAsAAAAABkAAAAJQAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCCcApMXwE2AiQDCAsGAAQgBYRtBy4bgwUR1Yszsj9ANmQD9YW00Flnyx3T14Mp+v0jwBOMNTiAC1gBCQAAAAAQD9+v8Tt3930TSdLdoZonQlJtlCA6HUIhFI1iienABhw0pDjjwPbC3IZoSQvp1njFuqYrsF18HxYasdMDOcGD23e8zPVgIjcPAk/hYvo+o6y0FAAJUbbrE/dO/wT6IK0HlONetMagLqAuDqRA97CiyAoo5IaxC17gfQKlOo2Lhd3GASX2skBczM4cY8EvSSxVLBQ27E3iMUwUZ3eG4VH0/fhtIiRTkLMrdk4vntRvnAz2nxcQEAABHS5AjnEk4qAxvgXBuFxpPHo5VmnwzR/YxFHNgv11dnE5aIeSZ5J6SwXI4LEmqkXzpOeIWr5bf/dyA3Xv6ZVG5smVt//utzc/o+fb85tcOUG7YQa7svf53/mNmiuvHh+xJYGPedSU5FC8D0fwL6QD+5Iht61Z0qSNw5nac7SUKsV/7K71daqh4cTpUKxhgrNIR4ZcsX4yseMoUGYKhYpNo9SY5cNl6lyCSCUYdQMgVHuJTKV3yFX7QCb2Cwo0+otC1QFKHQ5nlhkMK1uuhWKlO14/mN2aml27LuPSAyWPMpa8POJdSPoshLZhlVN7qkmW2NA/E0eVkaWpcAceo7JssJUmp5saqWrrmiY3vcm4NRUsYS0UK93x+sHs1tQcjNZl5fMHSh5lLB09dfELSZ9Nj7ZhDSD3mnpQz6O80j8TR5WRpalwB2ZRWTbYNs/K6aZGOiHauqYziIdqjO111d8dA2AJtnE4cGpz42t8KwAAAAA=') format('woff2'),
    url('static/static/font/iconfont-1581182649014.woff') format('woff'),
    url('static/static/font/iconfont-1581182649014.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ url('static/static/font/iconfont-1581182649014.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.icon-back {
    font-family: "iconfont" !important;
    font-size: 1.4rem;
    color: #303133;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.header {
background: #fff;
display: flex;
flex-direction: column;
height: auto;
}
.box_top {
width: 100%;
background: #fff;
display: flex;
justify-content: space-between;
align-items: center;
}
.box_top #services {
color: #303133;
font-size: 1.13rem;
}
.navbar-left {
padding-left: .4rem;
height: 100%;
}
.navbar-left a {
padding: .21333rem;
margin: 0 -0.21333rem;
}
.navbar-left a i {
position: relative;
top: -0.02667rem;
left: -0.112rem;
}
#status {
width: 2.55rem;
}
.box_bottom {
width: 95%;
border: 1px solid;
display: flex;
justify-content: space-between;
align-items: center;
}
.box_bottom .left {
width: 80%;
}
.box_bottom .left h1 {
color: #000;
font-size: 0.9rem;
height: 1rem;
line-height: 1rem;
overflow: hidden;
font-weight: 400;
text-overflow: ellipsis;
white-space: nowrap;
}
.box_bottom .left div {
display: flex;
justify-content: space-between;
align-items: center;
}
.box_bottom .left div span {
color: #ff301a;
font-size: .9rem;
font-weight: 700;
}
.box_bottom .left div span strong {
font-size: 1.3rem;
}
.box_bottom .left div a {
margin-right: 10px;
width: 5.4rem;
height: 1.8rem;
background-image: -webkit-linear-gradient(45deg, #0cf, #008cff);
background-image: linear-gradient(45deg, #0cf, #008cff);
color: #fff;
font-size: 12px;
line-height: 1.8rem;
text-align: center;
border-radius: .8rem;
}
.box_bottom .right {
width: 3rem;
height: 3rem;
}
.box_bottom .right img {
width: 100%;
border-radius: .13333rem;
}
img {
    border: none
}

embed {
    width: 100%;
}

* {
    scrollbar-face-color: #bbb;
    scrollbar-arrow-color: #bbb;
    scrollbar-3dlight-color: #c0c0c0;
    scrollbar-highlight-color: #bbb;
    scrollbar-shadow-color: #bbb;
    scrollbar-darkshadow-color: #c0c0c0;
    scrollbar-track-color: #eee;
}

pre {
    border: 0;
    background: 0;
    white-space: pre-line;
    display: block;
    width: 100%
}

pre a{
    display: block;
    max-width:98%; 
}

::-webkit-scrollbar {
    display: none;
}

::-webkit-resizer {
    background-repeat: no-repeat;
    background-position: bottom right;
}

*{
    -webkit-overflow-scrolling: touch;
}

.outer-right {
    float: right;
    width: 80%;
    position: relative;
    right: 16%;
    clear: both;
    font-size: 14px;
}

.outer-left {
    float: right;
    width: 80%;
    position: relative;
    clear: both;
    right: 5%;
    font-size: 14px;
}

.outer-iframe-left {
    float: left;
    position: relative;
    clear: both;
    padding-top: 5px;
}


.outer-right:before, .outer-right > i {
    width: 0;
    height: 1px;
    border-width: 6px 7px;
    border-style: dashed solid dashed solid;
    
    border-color: transparent transparent transparent #5FB878;
    _border-color: #fff #19CAA6 #fff #eee;
    font-size: 0;
    line-height: 0;
    content: "";
    position: absolute;
    top: 15px;
    right: -12px;
}

.outer-left:before, .outer-left > i {
    width: 0;
    height: 1px;
    border-width: 6px 7px;
    border-style: dashed solid dashed solid;
    border-color: transparent #eee transparent transparent;
    _border-color: #fff #fff #fff #eee;
    font-size: 0;
    line-height: 0;
    content: "";
    position: absolute;
    top: 15px;
    left: -12px;
    left: -11px \9;
    *left: -11px;

}

.customer {
    
 
    background-color: #5FB878;
    display: inline-block;
    padding: 10px 10px;
    float: right;
    word-break: break-all;
    word-wrap: break-word;
    color: #fff;;
    border-radius: 3px;
    max-width: 100%;
    box-sizing: border-box;
}

.service {
    
  
    background-color: #eee;
    display: inline-block;
    padding: 10px 10px;
    float: left;
    word-break: break-all;
    word-wrap: break-word;
    color: #000;
    border-radius: 3px;
    position: relative;
    left: 0px;
    max-width: 100%;
}

.chatmsg {
    margin-bottom: 20px;
    position: relative;
    height: 250px;
}

.chatmsg_notice{
    position: relative;
    margin-bottom: 80px;
}

.chatmsg img {
    max-width: 100%;
    max-height: 100px;
    cursor: pointer;
}

.wolive_img img {
    width: 100%;
    max-height: none;
}

.chatmsg:after, .chatmsg p {
    content: "";
    display: table;
    width: 100%;
    clear: both;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    
}


.service-name {
    float: left;
    display: block;
    position: relative;
    font-size: 12px;
    color: #8D8D8D;
}

.showtime {
    color: #D2D2D2;
    position: relative;
    margin-bottom: 10px;
    font-size: 12px;
    text-align: center;
    height:15px;
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    background: #000;
    height: 45px;
    color: #fff;
    line-height: 46px;
    font-size: 20px;
    padding: 0 10px;
    text-align: center;
}

.foot_all {
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: auto;

}

.tool_box {
    width: 100%;
    height: auto;
    position: relative;
    top: 28px;
    display: none;
    background-color: #fff;

}

.foot_msg {
    width: 100%;
    height: 100%;
    overflow: auto;

}

.msg-toolbar {
    width: 100%;
    height: 40px;
    position: relative;
    top: 8px;
}

.footer {
    position:relative;
    width: 100%;
    height: auto;
    min-height: 50px;
    overflow-y: auto;
}

.footer span {
    display: inline-block;
    width: 16%;
    height: 70%;
    background: #ccc;
    font-size: 22px;
    line-height: 38px;
    cursor: pointer;
    text-align: center;
    position: absolute;
    bottom: 14%;
    right: 2%;
    border-radius: 6px;
}

.footer span:hover {
    color: #fff;
    background: #999;
}

.conversation {
    list-style: none;
    padding: 0 10px;

}

.msg-toolbar a {
    float: left;
    margin: 6px;
}

.wl_faces_main ul {
    margin: 5px 5px;
    overflow: hidden;
    width: 100%;
}

.wl_faces_main ul li {
    float: left;
    height: 30px;
    width: 26px;
    text-align: center;

}

.wl_faces_main ul li img {
    width: 22px;
    height: 22px;
    padding: 0px;
}

.edit-ipt {
    border: 2px solid #ddd;
    width: 78%;
    outline: none;
    text-indent: 10px;
    border-radius: 6px;
    margin-left: 5px;
    background-color: #fff;
    padding-top: 6px;
}

.question{
    width:100%; cursor: pointer;width: 220px; cursor: pointer;color:blue;margin-top:10px;
}


.wolive_product{
  display:block;
  width:480px;
  height:100%;
  position:relative;
    min-width:170px;
}

.wolive_img{
  width: 100%;
}

.wolive_price{
  margin-top: 8px;
  color:red;
}

.wolive_info{
  display: -webkit-box!important;
  margin-top:8px;
}
.wolive_head{
    padding-top: 10px;
}
#text_in {
    width: 100%;
    padding-right: 20%;
    height: 50px;
    float: left;
    border: 0;
    padding-left: 12px;
    color: #565555;
    font-size: 16px;
}
button, input, optgroup, option, select, textarea {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    outline: 0;
}
.chatroom-notice {
    padding: 6px 10px;
    background: #FDF8E2;
    color: #90753B;
    font-size: 12px;
}
﻿html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    list-style: none;
}
﻿html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    list-style: none
}
body {
    font-family: "Myriad Set Pro", "Lucida Grande", "Helvetica Neue", "Helvetica", "Arial", "Verdana", "sans-serif";
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    font-smoothing: antialiased;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent;
    background: #f3f4f5;
}
a {
    color: #fff;
    text-decoration: none;
    outline: none;
}
a:hover {
    color: #fff;
}
a:active {
    color: #fff;
}
a:visited {
    color: #fff;
}
img {
    touch-callout: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* common */
.flex-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.flex-grid {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

/* chatroom */
.chatroom {
    padding-top: 10px;
    margin: 0 10px;
    text-align: center;
}
.chatroom>div {
    animation: fadeIn;
}
.chatroom-tips-content {
    margin: 3px auto 10px;
    padding: 2px 7px;
    display: inline-block;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    background: #aaa;
    border-radius: 4px;
}
.chatroom-tips-content a {
    color: #1e90d9;
}
.chatroom-notice {
    padding: 6px 10px;
    background: #FDF8E2;
    color: #90753B;
    font-size: 12px;
}
.chatroom-time {
    margin: 5px auto;
    padding: 2px 7px;
    display: inline-block;
    font-size: 10px;
    line-height: 16px;
    text-align: center;
    color: #a3acb6;
    border-radius: 4px;
}
.chatroom-time-content {
    position: relative;
}
.avatar {
    width: 44px;
    height: 44px;
}
.avatar img {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.service-item .avatar {
    overflow: visible;
}
.avatar a {
    margin-top: 2px;
    display: block;
    font-size: 12px;
    line-height: 2;
    text-align: center;
    color: #fff;
    background: #ff9326;
    border-radius: 2px;
    white-space: nowrap;
    overflow: hidden;
}
.talk {
    position: relative;
    display: inline-block;
    padding: 10px 15px;
    font-size: 14px;
    line-height: 1.5;
    text-align: left !important;
    color: #555;
    border-radius: 0 10px 10px 10px;
}
.service-item, .user-item {
    margin-bottom: 20px;
}
.service-item {
    text-align: left;
    margin-right: 49px;
}
.service-item .content {
    margin-left: 10px;
    text-align: left;
    word-break: break-all;
}
.service-item .content b {
    color: #f51f1f;
    font-weight: normal;
}
.service-item .talk:before {
    content: "";
    position: absolute;
    top: 15px;
    left: -18px;
    width: 0;
    height: 0;
    border-width: 6px 9px;
    border-color: transparent #e9f5ff transparent transparent;
    border-style: solid;
}
.service-item .talk {
    background: #fff;
}
.service-item .talk a {
    color: #1e90d9 !important;
    color: #1e90d9;
}
.user-item {
    margin-left: 60px;
    text-align: right;
}
.user-item .content {
    margin-right: 10px;
    text-align: right;
    word-break: break-all;
}
.user-item .talk:after {
    content: "";
    position: absolute;
    top: 15px;
    right: -18px;
    width: 0;
    height: 0;
    border-width: 6px 9px;
    border-color: transparent transparent transparent #f2f2f2;
    border-style: solid;
}
.user-item .talk {
    background: #4ca9ff;
    color: #fff;
    border-radius: 10px 0 10px 10px;
}
.user-item .talk a {
    color: #1e90d9 !important;
    color: #1e90d9;
}
.face {
    width: 70px;
    height: 70px;
    zoom: .8;
}
.exp {
    max-width: 100px;
    max-width: 100px;
    zoom: .8;
}

/* pic */
.pic {
    position: relative;
    display: inline-block;
    border-radius: 4px;
}
.service-item .pic {
    padding: 5px;
    max-width: 100%;
    background: #e9f5ff;
}
.service-item .pic img {
    max-width: 150px;
    max-height: 180px;
}
.service-item .pic:before {
    content: "";
    position: absolute;
    top: 15px;
    left: -18px;
    width: 0;
    height: 0;
    border-width: 6px 9px;
    border-color: transparent #e9f5ff transparent transparent;
    border-style: solid;
}
.user-item .pic {
    padding: 5px;
    max-width: 100%;
    background: #f2f2f2;
}
.user-item .pic img {
    max-width: 100px;
    max-height: 100px;
}
.user-item .pic:after {
    content: "";
    position: absolute;
    top: 15px;
    right: -18px;
    width: 0;
    height: 0;
    border-width: 6px 9px;
    border-color: transparent transparent transparent #f2f2f2;
    border-style: solid;
}
.pic i {
    position: relative;
    display: block;
    margin: 3px;
    height: 20px;
    width: 20px;
    border: 2px solid ;
    border-color: transparent transparent #fff #fff;
    border-radius: 999px;
    animation: pic-load .5s linear infinite;
    -webkit-animation: pic-load .5s linear infinite;
}
@keyframes pic-load {
    0% {-webkit-transform: rotate(0deg);}
    100% {-webkit-transform: rotate(360deg);}
}
@-webkit-keyframes pic-load {
    0% {-webkit-transform: rotate(0deg);}
    100% {-webkit-transform: rotate(360deg);}
}
.pic img {
    display: none;
}
.pic-done i {
    display: none;
}
.pic-done img {
    display: block;
}
/* footer */
.footer {
    width: 100%;
    background: #fff;
}
.input-panel {
    position: relative;
    padding: 7px 0;
    width: 100%;
    height: 55px;
    border-top: 1px solid #ddd;
    overflow: hidden;
}
.input-panel li:nth-child(1) {
    width: 45px;
}
.input-panel li:nth-child(3) {
    width: 60px;
}
.call-widge {
    margin: 0 auto;
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -999px;
    overflow: hidden;
    background: #fff url(../images/call_widge.png) no-repeat center center;
    background-size: 12px 12px;
    border-radius: 50%;
    border: 1px solid #ddd;
}
.input-box {
    padding: 7px 10px;
    width: 100%;
    height: 36px;
    resize:none;
    box-sizing: border-box;
    outline: 0;
    font-size: 14px;
    border: none;
    border-radius: 5px;
    background: #fff;
    -webkit-appearance: none;
}
.send-btn {
    padding: 0;
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 35px;
    text-align: center;
    color: #1e90d9 !important;
    background: #f5f5f5;
    border: 0;
    outline: 0;
    -webkit-appearance: none;
}
/* widge_jym*/
/* 交易猫 u 客服样式 */
.widget-jym-panel {
    display: none;
    padding: 2px 0 4px 0;
    border: 1px #ddd solid;
    border-radius: 2px;
    position: absolute;
    bottom: 55px;
    left: 5px;
    font-size: 14px;;
}

.widget-jym-panel .fileInputContainer:after {display: none;}

.widget-jym-panel li {
    position: relative;
}
.widget-jym-panel li {
    background: #fff;
}
.widget-jym-panel li:hover  {
    background: #f2f2f2;
}
@media screen and (orientation: portrait) and (orientation: landscape) {
    .widget-jym-panel li:hover  {
        background: none;
    }
}
.widget-jym-panel a {
    padding: 8px 20px 6px 10px;
    /*height: 18px;*/
    line-height: 18px;
    display: block;
}
.widget-jym-panel a:link,
.widget-jym-panel a:visited,
.widget-jym-panel a:hover {
    color: #666;
}

.widget-jym-panel .icon-jym-user{
    display: block;
    float: left;
    background-image: url('../images/icon-sprites.png');
    background-size: 187px 141px;
    margin-right: 8px;
}
.widget-jym-panel .icon-jym-user {
    background-position: -147px -85px;
    width: 18px;
    height: 18px;
}

.widget-jym-panel .icon-jym-order {
    background: url('widge-order-btn2.png') center/contain no-repeat;
    width: 18px;
    height: 18px;
    display: block;
    float: left;
    margin-right: 8px;
}

/* 交易猫 u 客服覆盖发图样式，修改原来的样式可能会影响到交易猫 u 客服上传样式*/
.widget-jym-panel .fileInputContainer {
    color: #666;
    font-size: 14px;
    line-height: 38px;
    text-align: center;
    text-indent: 14px;
}
.widget-jym-panel .fileInput {
    width: 100%;
    height: 38px;
    position: absolute;
    left: 0;
    top: 0;
    margin-left: 0;
}
.widget-jym-panel .fileInputContainer:before {
    display: block;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 10px;
    left: 10px;
    float: left;
    background-image: url('../images/icon-sprites.png');
    background-position: -169px -85px;
    background-size: 187px 141px;
    background-color: transparent;
    margin-right: 0;
}
/* widge */
.widge-panel {
    padding: 15px 0;
    border-top: 1px solid #ddd;
    display: none;
}
.widge-list li {
    width: 80px;
    display: inline-block;
    text-align: center;
}
.widge-face-btn {
    display: block;
    width: 60px;
    margin: auto;
    position: relative;
}
.widge-face-btn::before {
    content: '';
    display: block;
    width: 60px;
    height: 60px;
    background: #f5f7f7;
    border-radius: 100%;
}
.widge-face-btn::after {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    background: url(face_icon.png) center top/30px no-repeat;
    position: absolute;
    left: 16px;
    top: 16px;
}
/* 订单按钮 */
.widge-order-btn {
    display: block;
    width: 60px;
    margin: auto;
    position: relative;
}
.widge-order-btn::before {
    content: '';
    display: block;
    width: 60px;
    height: 60px;
    background: #f5f7f7;
    border-radius: 100%;
}
.widge-order-btn::after {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    background: url(widge-order-btn.png) center top/contain no-repeat;
    position: absolute;
    left: 16px;
    top: 16px;
}
/* .widge-face-btn, .widge-pic-btn, .widge-evaluate-btn {
    margin: 0 auto;
    display: block;
    width: 45px;
}
.widge-face-btn:before {
    content: "";
    display: block;
    widows: 45px;
    height: 45px;
    background: #ffad1d url(../images/widge_sprite.png) no-repeat 10px 10px;
    background-size: 182px 25px;
    border-radius: 5px;
}
.widge-pic-btn:before {
    content: "";
    display: block;
    widows: 45px;
    height: 45px;
    background: #4fc0ef url(../images/widge_sprite.png) no-repeat -68px 10px;
    background-size: 182px 25px;
    border-radius: 5px;
} */
.fileInputContainer {
    position: relative;
    display: inline-block;
    margin: 0 auto;
    font-size: 12px;
    line-height: 21px;
    color: #999;
    width: 60px;
}
.fileInputContainer:before {
    content: '';
    display: block;
    width: 60px;
    height: 60px;
    background: #f5f7f7;
    border-radius: 100%;
    margin: auto;
}
.fileInputContainer:after {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    background: url(face_icon.png) center -30px/30px no-repeat;
    position: absolute;
    left: 16px;
    top: 16px;
}
/* .fileInputContainer:before {
    content: "";
    display: block;
    margin: 0 auto;
    height: 45px;
    width: 45px;
    background: #4fc0ef url(../images/widge_sprite.png) no-repeat -68px 10px;
    background-size: 182px 25px;
    border-radius: 5px;
} */
.fileInput {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -23px;
    width: 45px;
    height: 65px;
    overflow: hidden;
    font-size: 300px;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
	z-index:50;
}
.widge-evaluate-btn:before {
    content: "";
    display: block;
    width: 45px;
    height: 45px;
    background: #f75f5f url(../images/widge_sprite.png) no-repeat -146px 10px;
    background-size: 182px 25px;
    border-radius: 5px;
}
.widge-list li a {
    font-size: 12px;
    line-height: 21px;
    color: #999;
}
.camera-input {
    position: relative;
    width: 45px;
    height: 45px;
    margin-top: -66px;
}

/* widge-face */
.widge-face-wrap {
    position: relative;
    padding: 15px 0;
    width: 100%;
    overflow: hidden;
    font-size: 0;
    border-top: 1px solid #ddd;
    display: none;
}
.widge-face {
    position: relative;
    width: 9999px;
    overflow: hidden;
}
.widge-face li {
    position: relative;
    display: inline-block;
    width: 100%;
}
.face-list {
    position: relative;
    display: block;
    text-align: center;
    text-justify: distribute-all-lines;/*ie6-8*/
    text-align-last: justify;/* ie9*/
    -moz-text-align-last: justify;/*ff*/
    font-size: 0;
    line-height: 0;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.face-list li {
    position: relative;
    margin-bottom: 20px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 19.9%;
    text-align: center;
    overflow: hidden;
    word-break: break-all;
}
.face-list:after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 0;
    line-height: 0;
    overflow: hidden;
}
.face-list li img {
    width: 40px;
    height: 40px;
}
.face-list-point {
    display: block;
    text-align: center;
}
.face-list-point span {
    display: inline-block;
    margin: 0 3px;
    width: 4px;
    height: 4px;
    background: #ccc;
    border-radius: 50%;
}
.face-list-point span.current {
    width: 5px;
    height: 5px;
    background: #999;
}

/* evaluate-dialog */
.evaluate-wrap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    display: none;
    z-index: 9;
}
.evaluate-dialog-header-ishuqiandroid {
    padding: 15px 0;
    background: #34a2ff;
    color: #fff;
    font-size: 14px;
}
.evaluate-dialog {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80%;
    padding: 0 0 30px;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    font-size: 12px;
    line-height: 19px;
    text-align: center;
    background: #fff;
    transition: transform .4s ease;
    -webkit-transition: -webkit-transform .4s ease;
}
.evaluate-focus {
    transform: translateY(-70px);
    -webkit-transform: translateY(-70px);
}
.evaluate-dialog-header-jym {
    text-align: center;
    background: #1e90d9;
}
.evaluate-dialog-header-jym p {
    position: relative;
    margin-left: 35px;
    display: inline-block;
    line-height: 70px;
    color: #fff;
}
.evaluate-dialog-header-jym p:before {
    content: "";
    position: absolute;
    left: -55px;
    top: 50%;
    margin-top: -23px;
    width: 45px;
    height: 45px;
    overflow: hidden;
    background: url(../images/service_avatar_jym.png) no-repeat;
    background-size: 45px 45px;
    border-radius: 50%;
}
.evaluate-dialog-header {
    /* text-align: center;
    background: #1e90d9; */
    padding: 15px 0;
    background: #34a2ff;
    color: #fff;
    font-size: 14px;
}
.evaluate-dialog-header p {
    position: relative;
    margin-left: 35px;
    display: inline-block;
    line-height: 70px;
    color: #fff;
}
.evaluate-dialog-header p:before {
    content: "";
    position: absolute;
    left: -55px;
    top: 50%;
    margin-top: -23px;
    width: 45px;
    height: 45px;
    overflow: hidden;
    background: url(../images/service_avatar.png) no-repeat;
    background-size: 45px 45px;
    border-radius: 50%;
}
.evaluate-dialog-header-default {
    text-align: center;
    background: #1e90d9;
}
.evaluate-dialog-header-default p {
    position: relative;
    margin-left: 35px;
    display: inline-block;
    line-height: 70px;
    color: #fff;
}
.evaluate-dialog-header-default p:before {
    content: "";
    position: absolute;
    left: -55px;
    top: 50%;
    margin-top: -23px;
    width: 45px;
    height: 45px;
    overflow: hidden;
    background: url(../images/service_avatar.png) no-repeat;
    background-size: 45px 45px;
    border-radius: 50%;
}

.evaluate-dialog-header-ucdw {
    text-align: center;
    background: #1e90d9;
}
.evaluate-dialog-header-ucdw p {
    position: relative;
    display: inline-block;
    line-height: 70px;
    color: #fff;
}

.evaluate-dialog-score-jym {
    margin: 10px auto;
    width: 220px;
}
.evaluate-dialog-score-jym a {
    position: relative;
    display: inline-block;
    padding-left: 24px;
    line-height: 21px;
    color: #ddd;
    background: url(../images/evaluate_icon_jym.png) no-repeat;
    background-size: 181px 48px;
}
.evaluate-dialog-score {
    margin: 20px auto 10px;
    width: 240px;
}
.evaluate-dialog-score a {
    position: relative;
    display: inline-block;
    padding-left: 28px;
    line-height: 23px;
    height: 23px;
    overflow: hidden;
    color: #666;
    /* background: url(../images/evaluate_icon.png) no-repeat; */
    background: url(bg_icon.png) no-repeat;
    background-size: 24px;
}
.evaluate-lol {
    text-align: left;
}
.evaluate-lol a {
    background-position: 0 -71px;
}
.evaluate-lol a.select {
    color: #1e90d9;
    background-position: 0 0;
}
.evaluate-peace {
    text-align: center;
}
.evaluate-peace a {
    background-position: 0 -94px;
}
.evaluate-peace a.select {
    color: #1e90d9;
    background-position: 0 -24px;
}
.evaluate-sad {
    text-align: right;
}
.evaluate-sad a {
    background-position: 0 -118px;
}
.evaluate-sad a.select {
    color: #1e90d9;
    background-position: 0 -47px;
}
.evaluate-dialog-textarea {
    margin: 0 auto;
    padding: 7px;
    display: block;
    width: 240px;
    height: 75px;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    -webkit-appearance: none;
    outline: 0;
}
.evaluate-cancel-btn {
    margin-top: 10px;
    margin-right: 5px;
    display: inline-block;
    width: 114px;
    height: 30px;
    color: #34a2ff !important;
    line-height: 30px;
    text-align: center;
    background: #fff;
    border: 1px solid #34a2ff;
    border-radius: 2px;
}
.evaluate-submit-btn {
    margin-top: 10px;
    display: inline-block;
    width: 114px;
    height: 30px;
    color: #fff !important;
    line-height: 30px;
    text-align: center;
    background: #34a2ff;
    border: 1px solid #34a2ff;
    border-radius: 2px;
}
.evaluate-dialog-invalid {
    font-size: 10px;
    line-height: 18px;
    color: #f60;
    opacity: 0;
    display: none;
    transition: opacity .4s ease;
    -webkit-transition: opacity .4s ease;
}
/* pic-modal */
.pic-modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background: rgba(0, 0, 0, .8);
    z-index: 99;
    display: none;
}
.pic-modal img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}

/* layout - fixed */
.main {
    position: absolute;
    height: 100%;
    width: 100%;
    padding-bottom: 20px;
    box-sizing: border-box;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.footer {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
}

.footer-btn {
    width: 36px;
    height: 30px;
    padding: 6px 0 0;
    text-align: center;
    display: none;
}

.footer-btn-icon {
    display: inline-block;
    width: 26px;
    height: 26px;
    background-image: url(footer_btn.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 26px;
}
.footer-btn-icon-close {
    background-position: 0 -26px;
}
.footer-btn-icon-send {
    background-position: 0 -52px;
}

::-webkit-scrollbar{width:8px;}
::-webkit-scrollbar-track{background-color:#fff;}
::-webkit-scrollbar-thumb{background-color:#e8e8e8;border-radius: 4px;}
::-webkit-scrollbar-thumb:hover {background-color:#e1e1e1}

/* layout - flex */

/*html, body {
        height: 100%;
}
.wrap {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        height: 100%;
}
.footer {
        position: static;
}
.main {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        width: 100%;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
}*/

.order {position: absolute;left: 0;bottom: 0;right: 0;background: #fff;z-index: 100;border-radius: 10px 10px 0 0;}
.order-hd {line-height: 35px;border-bottom: 1px solid #e6e6e6;color: #999;font-size: 14px;padding: 0 15px;position: relative;}
.order-bd {max-height: 440px;overflow: auto;position: relative;}
.order-close {position: absolute;width: 35px;height: 35px;line-height: 35px;text-align: center;color: #999;font-size: 20px;right: 0;top: 0;}

.order-tab {text-align: center;border-bottom: 1px solid #f5f5f5;}
.order-tab .order-btn {display: inline-block;padding: 5px 10px;color: #666;font-size: 16px;margin: 0 50px;}
.order-tab .active {border-bottom: 3px solid #2696ff;color: #333;font-weight: bold;}

.order-search {background: #f0f0f0;}
.order-search .text-wrap {margin: 0 15px;background: url('widge-order-search.png') left center/13px no-repeat;padding: 0 0 0 23px;position: relative;}
.order-search .close {display: block;width: 20px;height: 20px;line-height: 20px;text-align: center;background: #333;color: #fff;font-size: 15px;position: absolute;right: 0;top: 12px;border-radius: 100%;display: none;}
.order-search .text {height: 45px;width: 100%;border: none;outline: none;-webkit-appearance: none;border-radius: 0;background: none;box-sizing: border-box;font-size: 15px;}

.order-content {display: none;}

.order-item {border-bottom: 10px solid #f5f5f5;}
.order-item .hd {line-height: 35px;border-bottom: 1px solid #e6e6e6;font-size: 14px;padding: 0 15px;}
.order-item .hd .num {color: #333;}
.order-item .hd .status {color: #999;float: right;}
.order-item .bd {padding: 15px;position: relative;min-height: 115px;}
.order-item .bd .img {width: 85px;height: 85px;position: absolute;left: 15px;top: 15px;background: #fafafa url('order-img.png') center/45px no-repeat;border-radius: 5px;overflow: hidden;}
.order-item .bd .content {margin: 5 40 5 90px;}
.order-item .bd .tit {font-size: 15px;color: #333;margin: 3px 0;height: 42px;overflow: hidden;}
.order-item .bd .info {font-size: 14px;color: #ccc;}
.order-item .bd .price {font-size: 14px;color: #333;}
.order-item .bd .price em {font-size: 13px;color: #999;font-style: normal;padding: 0 0 0 5px;}
.order-item .bd .total {font-size: 15px;color: #ff5926;float: right;}
.order-item .ft {line-height: 35px;font-size: 14px;color: #333;padding: 0 15px;border-top: 1px solid #e6e6e6;}
.order-item .ft span {display: inline-block;color: #ff5926;border: 1px solid #ff5926;padding: 3px;font-size: 12px;margin: -4px 5px 0 0;border-radius: 2px;line-height: 1;vertical-align: middle;}

.order-more {display: block;text-align: center;padding: 15px 0;font-size: 15px;color: #999;}
.order-more:visited {color: #999;}
.order-more:hover {color: #999;}
.order-empty {display: block;text-align: center;padding: 25px 0;font-size: 15px;color: #999;}
.order-loading {position: absolute;left: 0;top: 0;right: 0;bottom: 0;background-color: rgba(255,255,255,.9);z-index: 100;}
.order-loading::after {content: '';display: block;width: 30px;height: 30px;border: 5px solid #333;border-radius: 50%;border-color: #333 transparent #333 transparent;position: absolute;left: 50%;top: 50%;margin: -15px 0 0 -15px;-webkit-animation: loading 2s infinite linear;animation: loading 2s infinite linear;}

@-webkit-keyframes loading {
    from {-webkit-transform: rotate(0);transform: rotate(0);}
    to {-webkit-transform: rotate(360deg);transform: rotate(360deg)}
}
@keyframes loading {
    from {-webkit-transform: rotate(0);transform: rotate(0);}
    to {-webkit-transform: rotate(360deg);transform: rotate(360deg)}
}

[v-show],[v-cloak] {display: none;}
.ui-modal {position: fixed;left: 0;top: 0;right: 0;bottom: 0;background-color: rgba(0, 0, 0, .8);z-index: 1000;}
.ui-modal-inner {position: absolute;width: 80%;background: #fff;border-radius: 5px;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);overflow: hidden;font-size: 15px;}
.ui-modal-close {position: absolute;right: 5px;top: 5px;color: #fff;background: #333;width: 20px;height: 20px;line-height: 18px;text-align: center;border-radius: 100%;}
.ui-modal-bd {padding: 40px 15px 0;text-align: center;}
.ui-modal-ft {text-align: center;padding: 20px 0;}
.ui-modal-btn {display: inline-block;line-height: 35px;padding: 0 15px;background: #f50;color: #fff;border-radius: 4px;border: 1px solid #f50;}
.ui-modal-btn:visited {color: #fff;}

.chat button {
    width: 100%;
    text-decoration: none;
    margin: 5px 0;
}
.btn-chat-primary {
    background: #4190E9;
    color: #FFF;
    border: 1px solid #2279DA;
}
.btn-chat-default, .btn-chat-disabled, .btn-chat-primary {
    display: inline-block;
    width: 100%;
    min-width: 220px;
    height: 32px;
    margin: 5px 0;
    background: #4190E9;
    text-align: center;
    text-decoration: none;
    border-radius: 2px;
    line-height: 1;
    font-size: 14px;
}
.base-header[data-v-0d2c0d52]{background:url(http://image.uc.cn/s/uae/g/08/template/help_center_normal/img/bannerpc.c4992156.png) no-repeat;height:140px;text-align:center;width:100%}.base-header-title[data-v-0d2c0d52]{color:#fff;font-size:28px;padding:24px 0 10px}.base-header-search[data-v-0d2c0d52]{margin:0 auto;padding-right:50px;position:relative;width:500px}.base-header-search-input[data-v-0d2c0d52]{height:45px;text-indent:10px;width:100%}.base-header-search-icon[data-v-0d2c0d52]{background-color:hsla(0,0%,100%,.3);height:47px;line-height:52px;position:absolute;right:0;top:0;width:48px}.base-header-search-icon .search-icon[data-v-0d2c0d52]{color:#fff;cursor:default;font-size:20px}.notice[data-v-0d2c0d52]{background-color:#fffdf2;color:#f73;font-size:12px;height:38px;line-height:38px;width:100%}.notice .notice_main[data-v-0d2c0d52]{margin:0 auto;overflow:hidden;padding-right:35px;position:relative;text-overflow:ellipsis;white-space:nowrap;width:1120px}.icon-bell[data-v-0d2c0d52]{margin-left:18px;margin-right:10px}.icon-close[data-v-0d2c0d52]{cursor:default;position:absolute;right:15px;top:0}.ui-notice[data-v-0d2c0d52]{background:rgba(0,0,0,.6);bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.ui-notice-inner[data-v-0d2c0d52]{-webkit-transform:translate(-50%,-50%);background:#fff;color:#333;left:50%;line-height:2;position:absolute;top:50%;transform:translate(-50%,-50%);width:50%}.ui-notice .close[data-v-0d2c0d52]{color:#666;display:block;font-size:20px;height:30px;line-height:30px;position:absolute;right:0;text-align:center;top:0;width:30px}.ui-notice-title[data-v-0d2c0d52]{border-bottom:1px solid #eaeaea;color:#666;font-size:16px;font-weight:700;line-height:40px;padding:0 20px;text-align:center}.ui-notice-body[data-v-0d2c0d52]{font-size:16px;line-height:1.8;max-height:350px;min-height:300px;overflow:auto;padding:10px 20px}.ui-notice-body img[data-v-0d2c0d52]{border:0;height:auto;max-width:100%;vertical-align:middle}.ui-notice-body .date[data-v-0d2c0d52]{color:#999;margin:0 0 5px;text-align:center}.ui-notice-body .title[data-v-0d2c0d52]{color:#000;font-weight:700;text-align:center}.ui-notice-footer[data-v-0d2c0d52]{border-top:1px solid #efefef;padding:15px 0;text-align:center}.ui-notice-footer .btn[data-v-0d2c0d52]{background:#2696ff;color:#fff;display:inline-block;font-size:16px;height:40px;line-height:40px;width:15%}.base-container-header-pc{background-repeat:no-repeat;background-size:100%;color:#fff;font-size:16px;height:170px;text-align:center;width:100%}.base-container-header-pc .home-search-pc{-webkit-transform:translateX(-50%);margin-left:50%;margin-top:5px;padding:8px 80px 8px 8px;transform:translateX(-50%);width:500px}.base-container-header-pc .home-search-pc .search-button{color:#333;font-size:16px;position:absolute;right:25px;top:8px}.base-container-header-pc .base-head-title-pc{display:block;font-size:28px;padding-top:50px;text-align:center;width:100%}@media (max-width:1920px){.base-container-header-pc{background-size:100% 170px}}.home-search{background-color:#fff;padding:10px 15px}.base-search{background-color:#f2f2f2;height:30px;line-height:30px;text-align:left;text-indent:10px;width:100%}.icon{margin-right:10px}.search-content{color:#999;font-size:14px}.container{margin:0 auto;width:1120px}.container-pc{margin:0 auto;width:1100px}.footer-pc[data-v-69aadaf6]{color:#808988;height:70px}.footer-pc .footer-button[data-v-69aadaf6]{background-color:#fff;bottom:0;height:55px;left:0;line-height:55px;padding-bottom:5px;padding-top:5px;position:fixed;width:100%}.footer[data-v-69aadaf6]{color:#808988;height:34px}.footer-button[data-v-69aadaf6]{background-color:#fff;bottom:0;height:22px;left:0;line-height:22px;padding-bottom:5px;padding-top:5px;position:fixed;width:100%}.game_9game_app-footer[data-v-69aadaf6]{height:100px;position:relative}.game_9game_app-footer .footer-button[data-v-69aadaf6]{height:88px;line-height:88px;position:absolute;top:2px}.feedback[data-v-69aadaf6],.service[data-v-69aadaf6]{cursor:pointer;float:left;text-align:center;width:50%}.alonebutton[data-v-69aadaf6]{width:100%}.otherbutton[data-v-69aadaf6]{text-align:center;width:100%}.feedback-icon[data-v-69aadaf6]{padding:0 3px;width:15px}.service-icon[data-v-69aadaf6]{padding:0 3px;width:20px}.opinion-icon[data-v-69aadaf6]{padding:0 3px;width:18px}.base-head .header{color:#fff;font-size:16px;height:45px;line-height:45px;text-align:center}.base-head .left-icon{color:#fff;left:0;padding:0 10px;position:absolute;top:0}.helpcenter-home-pc[data-v-b9b76f6c]{margin-bottom:90px}.faq_nav-active[data-v-b9b76f6c],.faq_nav-last[data-v-b9b76f6c],.faq_nav-second[data-v-b9b76f6c]{cursor:pointer}.header[data-v-b9b76f6c]{color:#fff;font-size:16px;height:45px;line-height:45px;text-align:center}.home-search-pc[data-v-b9b76f6c]{display:none}.home-search[data-v-b9b76f6c]{background-color:#fff;padding:10px 15px}.base-search[data-v-b9b76f6c]{background-color:#f2f2f2;height:30px;line-height:30px;text-align:center;width:100%}.icon[data-v-b9b76f6c]{margin-right:10px}.search-content[data-v-b9b76f6c]{color:#999;font-size:14px}.banner img[data-v-b9b76f6c]{max-height:100px;width:100%}.banner-pc img[data-v-b9b76f6c]{display:none}.notice[data-v-b9b76f6c]{background-color:#fffdf2;color:#f73;font-size:12px;height:38px;line-height:38px;margin-bottom:4px;padding-left:15px;padding-right:35px;position:relative}.notice .notice-main[data-v-b9b76f6c],.notice[data-v-b9b76f6c]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-bell[data-v-b9b76f6c]{margin-right:10px}.icon-close[data-v-b9b76f6c]{position:absolute;right:15px;top:0}.tag-wrap-container[data-v-b9b76f6c]{padding-top:10px}.tag-wrap[data-v-b9b76f6c]{background:#fff;margin-top:2px;min-height:60px;padding:8px 8px 8px 115px;position:relative}.tag-wrap-pc[data-v-b9b76f6c]{background:#fff;float:left;height:115px;margin-top:10px;min-height:60px;padding:8px 50px 8px 165px;position:relative;width:332px}.tag-wrap-more[data-v-b9b76f6c]{background-color:#f9f9f9;border-left:2px solid #f5f5f5;color:#666;cursor:pointer;height:100%;position:absolute;right:0;text-align:center;top:0;width:48px}.tag-wrap-more span[data-v-b9b76f6c]{display:block;padding:45px 14px;width:20px}.tag-wrap-pc[data-v-b9b76f6c]:nth-child(2n){margin-left:5px}.tag-pc[data-v-b9b76f6c]{width:140px}.tag-pc[data-v-b9b76f6c],.tag[data-v-b9b76f6c]{border-right:2px solid #f5f5f5;color:#333;height:100%;left:0;position:absolute;top:0}.tag[data-v-b9b76f6c]{width:90px}.tag-title[data-v-b9b76f6c]{cursor:pointer;overflow:hidden;padding-left:10px;padding-right:15px;position:relative;text-overflow:ellipsis;white-space:nowrap}.tag-content[data-v-b9b76f6c]{-webkit-transform:translate(-50%,-50%);left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:100%}.tag-img[data-v-b9b76f6c]{height:30px;width:30px}.right-icon[data-v-b9b76f6c]{color:#666;font-size:12px;margin-top:-6px;position:absolute;right:3px;top:50%}.right-icon-pc[data-v-b9b76f6c]{display:none}.tag-list[data-v-b9b76f6c]{background-color:#fff}.tag-list-pc[data-v-b9b76f6c]{height:115px;overflow:auto}.tag-list-ul .list-li[data-v-b9b76f6c]{cursor:pointer;height:20px;line-height:20px;margin:7px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag-list-ul .list-li-s[data-v-b9b76f6c]{float:left;padding-right:2%;width:48%}.clearfix[data-v-b9b76f6c]:after{clear:both;content:" ";display:block;font-size:0;height:0;visibility:hidden}.ui-notice[data-v-b9b76f6c]{background:rgba(0,0,0,.6);bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.ui-notice-inner[data-v-b9b76f6c]{-webkit-transform:translate(-50%,-50%);background:#fff;border-radius:10px;color:#333;left:50%;line-height:2;position:absolute;top:50%;transform:translate(-50%,-50%);width:85%}.ui-notice .close[data-v-b9b76f6c]{color:#666;display:block;font-size:20px;height:30px;line-height:30px;position:absolute;right:0;text-align:center;top:0;width:30px}.ui-notice-title[data-v-b9b76f6c]{border-bottom:1px solid #eaeaea;color:#666;font-size:16px;font-weight:700;line-height:40px;padding:0 20px;text-align:left}.ui-notice-body[data-v-b9b76f6c]{font-size:16px;line-height:1.8;max-height:350px;min-height:300px;overflow:auto;padding:10px 20px}.ui-notice-body img[data-v-b9b76f6c]{border:0;height:auto;max-width:100%;vertical-align:middle}.ui-notice-body .date[data-v-b9b76f6c]{color:#999;margin:0 0 5px;text-align:center}.ui-notice-body .title[data-v-b9b76f6c]{color:#000;font-weight:700;text-align:center}.ui-notice-footer[data-v-b9b76f6c]{border-top:1px solid #efefef;padding:15px 0;text-align:center}.ui-notice-footer .btn[data-v-b9b76f6c]{background:#2696ff;border-radius:20px;color:#fff;display:inline-block;font-size:16px;height:40px;line-height:40px;width:75%}.par-wrap[data-v-b9b76f6c]{background:#ffef3e;color:#000;overflow:hidden;padding:0 5px;text-overflow:ellipsis;white-space:nowrap}.par-wrap a[data-v-b9b76f6c]{color:#666;font-size:12px;line-height:2}.hot-icon[data-v-b9b76f6c]{color:red}.base-list[data-v-03ad4b46]{background-color:#fff;cursor:pointer;position:relative}.base-list-item[data-v-03ad4b46]{border-bottom:1px solid #f5f5f5;font-size:14px;margin-left:15px;padding:15px 45px 15px 0}.right-icon[data-v-03ad4b46]{color:#999;margin-top:-9px;position:absolute;right:20px;top:50%}.listhot[data-v-03ad4b46]{background-color:#ffe5e5;border-radius:4px;color:#ff4747;margin-left:5px;padding:0 7px}.helpcenter-search-pc[data-v-51cb87d9]{margin-bottom:90px}.faq_nav-active[data-v-51cb87d9],.faq_nav-last[data-v-51cb87d9],.faq_nav-second[data-v-51cb87d9]{cursor:pointer}.search-header[data-v-51cb87d9]{background-color:#fff;border-bottom:1px solid #e6e6e6;height:45px;line-height:45px;padding:15px 80px 0 40px;position:relative}.search-header-pc[data-v-51cb87d9]{-webkit-transform:translateX(-50%);height:38px;line-height:38px;margin-bottom:30px;margin-left:50%;margin-top:-75px;padding:8px 80px 0 8px;transform:translateX(-50%);width:500px}.search-header-pc .search-input[data-v-51cb87d9]{height:30px;padding:0 30px}.search-header-pc .search-input .center-search[data-v-51cb87d9]{height:30px;line-height:30px}.search-header-pc .search-button[data-v-51cb87d9]{cursor:pointer;top:4px}.left-icon[data-v-51cb87d9]{color:#999;left:10px;position:absolute;top:10px}.left-icon-pc[data-v-51cb87d9]{color:#fff;left:0;padding:0 10px;position:fixed;top:0;z-index:11}.search-input[data-v-51cb87d9]{background-color:#f2f2f2;border-radius:4px;height:35px;margin:0;padding:0 35px;position:relative}.search-input .search-icon[data-v-51cb87d9]{left:10px;position:absolute;top:-5px}.search-input .center-search[data-v-51cb87d9]{background-color:#f2f2f2;border:none;height:35px;line-height:35px;margin:0;outline-style:none;padding:0;vertical-align:top;width:100%}.delete-icon[data-v-51cb87d9]{position:absolute;right:10px;top:-5px}.search-button[data-v-51cb87d9]{color:#333;font-size:16px;position:absolute;right:25px;top:8px}.search-empty[data-v-51cb87d9]{color:#999;font-size:16px;text-align:center}.search-empty .blank-img[data-v-51cb87d9]{display:block;height:102px;margin:150px auto 4px;width:107px}.load[data-v-51cb87d9]{cursor:pointer;padding:0 0 10px;text-align:center}.hotfaqs .hotfaq-item[data-v-51cb87d9]{background-color:#fff;border-bottom:1px solid #f5f5f5;cursor:pointer;line-height:30px;padding:0 10px}.helpcenter-hot-pc[data-v-0e441c66]{margin-bottom:90px}.faq_nav-active[data-v-0e441c66],.faq_nav-last[data-v-0e441c66],.faq_nav-second[data-v-0e441c66]{cursor:pointer}.header[data-v-0e441c66]{color:#fff;font-size:16px;height:45px;line-height:45px;overflow:hidden;padding-left:45px;padding-right:45px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.left-icon[data-v-0e441c66]{color:#fff;left:0;padding:0 10px;position:absolute;top:0}.hot-faq[data-v-0e441c66]{float:left;margin-right:1%;width:49%}.clearfix[data-v-0e441c66]:after{clear:both;content:" ";display:block;font-size:0;height:0;visibility:hidden}.load[data-v-0e441c66]{cursor:pointer;padding:0 0 10px;text-align:center}.search-empty[data-v-0e441c66]{color:#999;font-size:16px;text-align:center}.search-empty .blank-img[data-v-0e441c66]{display:block;height:102px;margin:150px auto 4px;width:107px}.helpcenter-detail-pc[data-v-e7252586]{margin-bottom:90px}.faq_nav-active[data-v-e7252586],.faq_nav-last[data-v-e7252586],.faq_nav-second[data-v-e7252586]{cursor:pointer}.header[data-v-e7252586]{color:#fff;font-size:16px;height:45px;line-height:45px;position:relative;text-align:center}.left-icon[data-v-e7252586]{color:#fff;left:0;padding:0 10px;position:absolute;top:0}.detail-main[data-v-e7252586]{background-color:#fff;border-bottom:3px dotted #e6e6eb;padding:20px 30px 28px 15px}.detail-main .detail-content[data-v-e7252586]{word-wrap:break-word}.detail-title[data-v-e7252586]{color:#333;font-size:18px;margin-bottom:15px}.detail-commomt[data-v-e7252586]{background-color:#fff;color:#999;margin-bottom:10px;padding:20px 0;text-align:center}.detail-text[data-v-e7252586]{margin-bottom:15px}.deatil-button[data-v-e7252586]{border:1px solid #ccc;border-radius:15px;color:#999;cursor:pointer;display:inline-block;height:30px;line-height:30px;margin:0 20px;padding:0 3%}.bad-icon[data-v-e7252586],.good-icon[data-v-e7252586]{padding-right:5px}.deatil-more[data-v-e7252586]{background-color:#fff;border-bottom:1px solid #f5f5f5;color:#999;height:40px;line-height:40px;padding-left:15px}.base-zoom-img[data-v-e7252586]{background:rgba(0,0,0,.6);height:100%;left:0;position:fixed;text-align:center;top:0;width:100%;z-index:999}.base-zoom-img .zoom-img[data-v-e7252586]{-webkit-transform:translate(-50%,-50%);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.base-dialog[data-v-e7252586]{background:rgba(0,0,0,.6);height:100%;left:0;position:fixed;text-align:center;top:0;width:100%;z-index:99}.base-dialog .wrap[data-v-e7252586]{-webkit-transform:translate(-50%,-50%);background:#fff;border-radius:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:80%}.base-dialog .wrap h4[data-v-e7252586]{color:#333;font-size:18px;line-height:30px;margin-top:10px}.base-dialog .wrap .content[data-v-e7252586]{color:#999;height:42px;margin:10px 5px;width:100%}.base-dialog .wrap .content .dialog-radio[data-v-e7252586]{border:1px solid #ccc;border-radius:6px;float:left;margin-right:3px;padding:10px 0;width:30.55%}.base-dialog .wrap .content .dialog-radio[data-v-e7252586]:last-child{margin-right:0}.base-dialog .wrap .other-content[data-v-e7252586]{margin:5px 10px}.base-dialog .wrap .other-content .content-textarea[data-v-e7252586]{border:1px solid #ccc;border-radius:6px;font-size:14px;height:100px;width:97%}.base-dialog .wrap .dialog-btn[data-v-e7252586]{border-top:1px solid #e6e6e6}.base-dialog .wrap .btn[data-v-e7252586]{font-size:18px;height:44px;line-height:44px;width:50%}.base-dialog .wrap .btn[data-v-e7252586]:first-child{border-right:1px solid #e6e6e6}.base-dialog .wrap .icon-close[data-v-e7252586]{background:#000;border:50%;border-radius:50%;color:#fff;cursor:pointer;padding:3px;position:absolute;right:-10px;top:-10px}.base-dialog .wrap-pc[data-v-e7252586]{width:40%}.base-dialog .wrap .content .active[data-v-e7252586]{border:1px solid #2583fd;color:#2583fd}.dialog-radio2[data-v-e7252586]{height:55px;overflow:hidden;text-overflow:ellipsis}.faq_nav-active[data-v-91fe895a],.faq_nav-last[data-v-91fe895a],.faq_nav-second[data-v-91fe895a]{cursor:pointer}.header[data-v-91fe895a]{color:#fff;font-size:16px;height:45px;line-height:45px;position:relative;text-align:center}.left-icon[data-v-91fe895a]{color:#fff;left:0;padding:0 10px;position:absolute;top:0}.notice-main[data-v-91fe895a]{background-color:#fff;border-bottom:3px dotted #e6e6eb;padding:20px 30px 28px 15px}.notice-title[data-v-91fe895a]{color:#333;font-size:18px;margin-bottom:15px}.category-page[data-v-ff6a63f0]{background-color:#f5f5f5;height:100%;left:0;overflow:auto;padding-top:20px;position:fixed;top:0;width:100%}.category-page .title[data-v-ff6a63f0]{font-weight:900;line-height:24px;text-align:center}.category-page .block[data-v-ff6a63f0]{background-color:#fff;border-radius:12px;cursor:pointer;float:left;margin:10px 2%;padding:24px 0;text-align:center;width:46%}.category-page .block .block-img[data-v-ff6a63f0]{border-radius:50%;display:inline-block;height:50px;line-height:50px;width:50px}.category-page .block .block-img img[data-v-ff6a63f0]{height:40px;width:40px}.category-page .block .demonstration[data-v-ff6a63f0]{margin-top:8px}@media (max-width:600px){.category-page .category .title[data-v-ff6a63f0]{text-align:left}}@media (min-width:600px){.category-pc[data-v-ff6a63f0]{margin:0 auto;width:450px}}.footer-button[data-v-767cba85],.footer[data-v-767cba85]{height:80px}.feedback[data-v-767cba85],.service[data-v-767cba85]{background-color:#fff;float:left;line-height:80px;text-align:center;width:49.8%}.feedback p[data-v-767cba85],.service p[data-v-767cba85]{display:inline-block;margin-left:20px}.service[data-v-767cba85]{margin-right:.2%}.feedback[data-v-767cba85]{margin-left:.2%}.alonebutton[data-v-767cba85]{width:100%}.otherbutton[data-v-767cba85]{text-align:center;width:100%}.feedback-icon[data-v-767cba85],.opinion-icon[data-v-767cba85],.service-icon[data-v-767cba85]{background:#fff;border-radius:50%;display:inline-block;height:22px;line-height:22px;padding:12px;width:22px}.feedback-icon img[data-v-767cba85],.opinion-icon img[data-v-767cba85],.service-icon img[data-v-767cba85]{max-height:22px;width:22px}.border-main[data-v-767cba85]{background-color:#34a2ff;border-radius:50%;display:inline-block;line-height:50px;width:50px}.pchome[data-v-162dcd78]{font-family:MicrosoftYaHei;margin-top:40px}.tag-wrap[data-v-162dcd78]{background-color:#fff;border:1px solid #f2f2f2;float:left;height:140px;margin-bottom:30px;overflow:hidden;position:relative}.tag-wrap[data-v-162dcd78]:nth-child(odd){margin-right:30px}.tag-wrap-left[data-v-162dcd78]{border-right:1px solid #f2f2f2;cursor:pointer;float:left;height:80px;overflow:hidden;padding:30px;text-align:center;width:79px}.tag-wrap-left .tag-img[data-v-162dcd78]{height:45px;margin:0 auto;width:45px}.tag-wrap-left p[data-v-162dcd78]{color:#333;margin-top:7px;word-wrap:break-word}.tag-wrap-center[data-v-162dcd78]{color:#999;float:left;height:120px;overflow:auto;padding:10px 20px;width:313px}.tag-wrap-center .tag-list-ul .list-li[data-v-162dcd78]{cursor:pointer;margin:8px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag-wrap-right[data-v-162dcd78]{background-color:#f5f5f5;color:#666;cursor:pointer;float:left;height:80px;padding:30px 10px 30px 20px;width:20px}.hot-icon[data-v-162dcd78]{color:red}.clearfix[data-v-162dcd78]:after{clear:both;content:" ";display:block;font-size:0;height:0;visibility:hidden}.pchot[data-v-300e64ba]{font-family:MicrosoftYaHei;margin-top:40px}.faq_nav[data-v-300e64ba]{font-size:20px;margin-bottom:22px}.right-icon[data-v-300e64ba]{color:#999}.pc_hot_list[data-v-300e64ba]{background-color:#fff;color:#999;padding-left:55px}.pc_hot_list .pc_hot_ul[data-v-300e64ba]{padding-bottom:30px;padding-top:30px}.pc_hot_list .pc_hot_ul .pc_hot_li[data-v-300e64ba]{cursor:pointer;list-style:disc;padding:10px 0;text-indent:10px}.pc_faq[data-v-300e64ba]{background-color:#fff;border-bottom:1px solid #f2f2f2;color:#666;height:30px;overflow:auto;padding:10px 30px}.pc_faq .pc_faq_item[data-v-300e64ba]{cursor:pointer;float:left;padding:5px 10px;position:relative}.pc_faq_item[data-v-300e64ba]:hover{background-color:#f2f2f2;border-radius:5px;color:#505257}.loadmore[data-v-300e64ba]{cursor:pointer}.load[data-v-300e64ba]{background-color:#fff;border-top:1px solid #f2f2f2;height:40px;line-height:40px;text-align:center}.load[data-v-300e64ba]:hover{background-color:#f5f5f5;font-weight:500}.lishot[data-v-300e64ba]{background-color:#ffe5e5;border-radius:4px;color:#ff4747;font-size:12px;margin-left:5px;padding:0 3px}.pcdetail[data-v-4687e21e]{font-family:MicrosoftYaHei;margin-top:40px}.faq_nav[data-v-4687e21e]{font-size:20px;margin-bottom:22px}.right-icon[data-v-4687e21e]{color:#999}.detail-main[data-v-4687e21e]{background-color:#fff;border-bottom:1px solid #f2f2f2;padding:10px 30px}.detail-main .detail-title[data-v-4687e21e]{color:#333;font-size:18px;font-weight:900;margin-bottom:15px}.detail-commomt[data-v-4687e21e]{background-color:#fff;color:#999;margin-bottom:20px;padding:20px 30px;text-align:left}.detail-text[data-v-4687e21e]{margin-bottom:15px}.detail-buttons[data-v-4687e21e]{display:inline}.deatil-button[data-v-4687e21e]{border:1px solid #ccc;border-radius:15px;color:#999;cursor:pointer;display:inline-block;height:30px;line-height:30px;margin:0 20px;padding:0 3%}.bad-icon[data-v-4687e21e],.good-icon[data-v-4687e21e]{padding-right:5px}.base-zoom-img[data-v-4687e21e]{background:rgba(0,0,0,.6);height:100%;left:0;position:fixed;text-align:center;top:0;width:100%;z-index:999}.base-zoom-img .zoom-img[data-v-4687e21e]{-webkit-transform:translate(-50%,-50%);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.detail-questions[data-v-4687e21e]{margin-bottom:30px}.detail-more[data-v-4687e21e]{background-color:#fff;color:#333;font-size:14px;padding:20px 30px}.pc_hot_list[data-v-4687e21e]{background-color:#fff;color:#999;padding-left:55px}.pc_hot_list .pc_hot_ul[data-v-4687e21e]{padding-bottom:30px}.pc_hot_list .pc_hot_ul .pc_hot_li[data-v-4687e21e]{cursor:pointer;list-style:disc;padding:10px 0;text-indent:10px}.base-dialog[data-v-4687e21e]{background:rgba(0,0,0,.6);height:100%;left:0;position:fixed;text-align:center;top:0;width:100%;z-index:99}.base-dialog .wrap[data-v-4687e21e]{background:#fff;display:inline-block;margin-top:15%;padding:20px;width:25%}.base-dialog .wrap h4[data-v-4687e21e]{color:#333;font-size:18px;line-height:30px;margin-top:10px}.base-dialog .wrap .content[data-v-4687e21e]{color:#999;height:42px;margin:10px 0;width:100%}.base-dialog .wrap .content .dialog-radio[data-v-4687e21e]{border:1px solid #ccc;float:left;margin:0 1.5%;padding:10px 0;width:30%}.base-dialog .wrap .content .dialog-radio[data-v-4687e21e]:last-child{margin-right:0}.base-dialog .wrap .other-content[data-v-4687e21e]{margin:5px 10px}.base-dialog .wrap .other-content .content-textarea[data-v-4687e21e]{border:1px solid #ccc;font-size:14px;height:100px;width:99%}.base-dialog .wrap .btn[data-v-4687e21e]{border:1px solid #4896ff;border-radius:2px;height:36px;line-height:36px;margin-top:60px;width:100px}.base-dialog .wrap .btn[data-v-4687e21e]:last-child{background-color:#4896ff;color:#fff;margin-left:10px}.base-dialog .wrap .content .active[data-v-4687e21e]{border:1px solid #2583fd;color:#2583fd}.dialog-radio2[data-v-4687e21e]{height:55px;overflow:hidden;text-overflow:ellipsis}.pcsearch[data-v-14e3aba2]{font-family:MicrosoftYaHei;margin-top:40px}.faq_nav[data-v-14e3aba2]{font-size:20px;margin-bottom:22px}.right-icon[data-v-14e3aba2]{color:#999}.pc_hot_list[data-v-14e3aba2]{background-color:#fff;color:#999;padding-left:55px}.pc_hot_list .pc_hot_ul[data-v-14e3aba2]{padding-bottom:30px;padding-top:30px}.pc_hot_list .pc_hot_ul .pc_hot_li[data-v-14e3aba2]{cursor:pointer;list-style:disc;padding:10px 0;text-indent:10px}.search_empty[data-v-14e3aba2]{padding-bottom:30px;padding-top:30px;text-align:center}.loadmore[data-v-14e3aba2]{cursor:pointer}.load[data-v-14e3aba2]{background-color:#fff;border-top:1px solid #f2f2f2;height:40px;line-height:40px;text-align:center}.load[data-v-14e3aba2]:hover{background-color:#f5f5f5;font-weight:500}html{-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,.2);-webkit-text-size-adjust:100%;font-family:sans-serif}body{font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,"\5FAE\8F6F\96C5\9ED1",Arial,sans-serif;margin:0}body,html{min-height:100%}[hidden],template{display:none}a{background-color:transparent;text-decoration:none}a:focus{outline:thin dotted;outline:1px auto -webkit-focus-ring-color;outline-offset:-2px}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}img{border:0;height:auto;max-width:100%;vertical-align:middle}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button,input:not([type=radio]):not([type=checkbox]),select{vertical-align:middle}textarea{overflow:auto}td,th{padding:0}body,button,input,select,textarea{-moz-font-feature-settings:"liga","kern";-moz-osx-font-smoothing:grayscale;-webkit-font-feature-settings:"liga","kern";-webkit-font-smoothing:antialiased;font-feature-settings:"liga","kern";text-rendering:optimizeLegibility}dd,dl,dt,li,ol,p,ul{list-style:none;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400;margin:0}em,i{font-style:normal}button{border:0;outline:none}button,select{background-color:transparent}select{border-color:transparent}input,select,textarea{-webkit-appearance:none}input,textarea{-moz-appearance:none;appearance:none;border:none;outline:none;resize:none}body,html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,Helvetica,Arial,sans-serif;height:100%;overflow-x:hidden}[v-cloak],[v-show]{display:none}@font-face{font-family:iconfont;src:url(//at.alicdn.com/t/font_776329_zpef0gec2n.eot);src:url(//at.alicdn.com/t/font_776329_zpef0gec2n.eot#iefix) format("embedded-opentype"),url(//at.alicdn.com/t/font_776329_zpef0gec2n.woff) format("woff"),url(//at.alicdn.com/t/font_776329_zpef0gec2n.ttf) format("truetype"),url(//at.alicdn.com/t/font_776329_zpef0gec2n.svg#iconfont) format("svg")}.iconfont{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;font-family:iconfont!important;font-size:16px;font-style:normal}body{background:#f5f5f5;font-size:14px;overflow:auto}.ui-toast,a,body{color:#333}.ui-toast{-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);background:hsla(0,0%,85.9%,.9);border-radius:20px;font-size:16px;left:50%;margin:0 auto;opacity:0;padding:12px 16px;position:absolute;top:50%;transform:translate(-50%,-50%)}.ui-toast-show{-webkit-animation:ui-showToast .8s;animation:ui-showToast .8s;opacity:.9}.ui-toast-hidden{-webkit-animation:ui-hiddenToast .4s;animation:ui-hiddenToast .4s;display:none;opacity:0}@-webkit-keyframes ui-showToast{0%{display:inline-block;opacity:0;top:55%}to{display:inline-block;opacity:.9;top:50%}}@keyframes ui-showToast{0%{display:inline-block;opacity:0;top:55%}to{display:inline-block;opacity:.9;top:50%}}@-webkit-keyframes ui-hiddenToast{0%{display:inline-block;opacity:.9}to{display:none;opacity:0}}@keyframes ui-hiddenToast{0%{display:inline-block;opacity:.9}to{display:none;opacity:0}}.ui-dialog{background:rgba(0,0,0,.6);height:100%;left:0;position:fixed;text-align:center;top:0;width:100%;z-index:99}.ui-dialog .wrap{-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);background:#fff;border-radius:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:280px}.ui-dialog .wrap h4{font-size:18px;font-weight:700;line-height:30px}.ui-dialog .wrap .btn{font-size:18px;line-height:44px}.ui-dialog .dialog-content{border-bottom:1px solid #e6e6e6;padding:16px}.ui-dialog .dialog-btn{width:50%}.ui-dialog .dialog-btn:first-child{border-right:1px solid #e6e6e6}.ui-dialog .tip-content{border-bottom:1px solid #e6e6e6;padding:30px 16px}.ui-loading{background:rgba(0,0,0,.2);color:rgba(0,0,0,.3);height:100%;left:0;position:absolute;top:0;width:100%;z-index:99}.ui-loading .icon{-webkit-animation:ui-Loading 2s linear infinite;animation:ui-Loading 2s linear infinite;display:inline-block;font-size:34px;left:50%;margin-left:-17px;margin-top:-17px;position:absolute;top:50%}@-webkit-keyframes ui-Loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes ui-Loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}


