#chat.popup .chat-area,#chat.popup .chat-list{-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.fn,.fn a,.grey{color:#999}.b-none{display:none}.column,.imgMask{display:inline-block;vertical-align:middle}.f-r{float:right}.f-l{float:left}.clr{clear:both}.fn{font-size:12px}.fn a{text-decoration:underline}.fn a:hover{text-decoration:none}.imgMask{position:relative;overflow:hidden}.imgMask>img{display:block;width:100%;max-width:100%}.friends-list .imgMask>img{max-width:88px}.whiteWrap{-webkit-border-radius:3px;-moz-border-radius:3px;-khtml-border-radius:3px;border-radius:3px;border:1px solid;border-color:#dcdfe3 #cfd3d8 #c0c5ca;background:#fff}.sep{font-style:normal;margin:0 4px}/*! * * * * * * * * * * * * * * * * * * * *\
      CSShake :: shake-horizontal
      v1.5.0
      CSS classes to move your DOM
      (c) 2015 @elrumordelaluz
      http://elrumordelaluz.github.io/csshake/
      Licensed under MIT
    \* * * * * * * * * * * * * * * * * * * * */.shake-horizontal{display:inline-block;transform-origin:center center;animation-name:shake-horizontal;animation-duration:.1s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.shake-constant.shake-constant--hover:hover,.shake-freeze,.shake-trigger:hover .shake-constant.shake-constant--hover{animation-play-state:paused}.shake-freeze:hover,.shake-horizontal:hover,.shake-trigger:hover .shake-freeze,.shake-trigger:hover .shake-horizontal{animation-play-state:running}@keyframes shake-horizontal{2%,46%,98%{transform:translate(-4px,0) rotate(0)}16%,24%,28%,4%,58%{transform:translate(7px,0) rotate(0)}18%,42%,6%{transform:translate(-3px,0) rotate(0)}48%,64%,8%{transform:translate(-7px,0) rotate(0)}10%,82%{transform:translate(3px,0) rotate(0)}12%{transform:translate(-9px,0) rotate(0)}14%,78%{transform:translate(-1px,0) rotate(0)}20%,62%{transform:translate(10px,0) rotate(0)}22%{transform:translate(8px,0) rotate(0)}26%,32%,50%,94%{transform:translate(4px,0) rotate(0)}30%{transform:translate(9px,0) rotate(0)}34%,60%,68%,70%,76%{transform:translate(2px,0) rotate(0)}36%,38%,54%,92%,96%{transform:translate(-2px,0) rotate(0)}0%,100%,40%{transform:translate(0,0) rotate(0)}44%{transform:translate(1px,0) rotate(0)}52%{transform:translate(-5px,0) rotate(0)}56%,66%{transform:translate(-6px,0) rotate(0)}72%,88%,90%{transform:translate(5px,0) rotate(0)}74%,80%,84%{transform:translate(-8px,0) rotate(0)}86%{transform:translate(6px,0) rotate(0)}}#chat.popup{-webkit-border-radius:0;-moz-border-radius:0;-khtml-border-radius:0;border-radius:0;width:795px;height:100%}#chat.popup>.close{top:10px;right:10px;opacity:.5;z-index:2}#chat.popup>.close:hover{opacity:1}#chat.popup .back,#chat.popup>.head{display:none}#chat.popup .chat-list{box-sizing:border-box;position:absolute;left:0;top:0;width:280px;height:100%;background:#f6f7f7;border-right:1px solid #cbcdd1}#chat.popup .chat-list>.list{position:relative;height:100%;overflow-y:auto}#chat.popup .chat-list .search-msg{line-height:17px;padding:18px 19px;text-align:center;font-weight:600;color:#999}#chat.popup .chat-list .one-chat.support{height:36px;min-height:36px;padding:17px 19px 10px;margin-bottom:-3px}#chat.popup .chat-list .one-chat.support .avatar{position:absolute;top:10px;left:19px;display:block;height:43px;background:0 0}#chat.popup .chat-list .one-chat.support .avatar img{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}#chat.popup .chat-list .one-chat.support.current>.info{color:#fff}#chat.popup .chat-list .one-chat{position:relative;min-height:50px;padding:16px 19px;margin-bottom:-2px;cursor:pointer;border-top:1px solid transparent;border-bottom:1px solid transparent;z-index:1}#chat.popup .chat-list .one-chat .avatar{position:absolute;width:50px;height:50px;background:#f9f9f9;top:16px}#chat.popup .chat-list .one-chat .avatar.no-photo{border:1px solid #bcbcbc}#chat.popup .chat-list .one-chat .avatar.no-photo img{-webkit-border-radius:0;-moz-border-radius:0;-khtml-border-radius:0;border-radius:0;position:absolute;right:0;bottom:0;left:0;margin:auto}#chat.popup .chat-list .one-chat .avatar.no-photo img.company{top:0}#chat.popup .chat-list .one-chat .name{position:relative;overflow:hidden;text-overflow:ellipsis;margin-bottom:6px}#chat.popup .chat-list .one-chat .theme{position:relative;overflow:hidden;text-overflow:ellipsis;line-height:15px;max-height:30px;font-size:12px}#chat.popup .chat-list .one-chat>.info{margin-left:57px;line-height:15px}#chat.popup .chat-list .one-chat .count{-webkit-border-radius:2px;-moz-border-radius:2px;-khtml-border-radius:2px;border-radius:2px;display:block;position:absolute;top:50%;right:20px;min-width:23px;height:18px;line-height:18px;margin-top:-9px;font-size:12px;text-align:center}#chat.popup .chat-list .one-chat .count.new{color:#fff;background:#d91c1c}#chat.popup .chat-list .one-chat .check+.photo{margin-left:33px}#chat.popup .chat-list .one-chat .check~.info{margin-left:90px}#chat.popup .chat-list .one-chat .check{-webkit-border-radius:50%;-moz-border-radius:50%;-khtml-border-radius:50%;border-radius:50%;position:absolute;top:50%;left:13px;margin-top:-8px;width:14px;height:14px;border:1px solid #6f9bcb;background:#fff}#chat.popup .chat-list .one-chat .check:before{-webkit-border-radius:50%;-moz-border-radius:50%;-khtml-border-radius:50%;border-radius:50%;content:'';position:absolute;top:50%;left:2px;margin-top:-5px;width:10px;height:10px;background:#fff}#chat.popup .chat-list .one-chat .close{display:none;top:4px;right:4px;width:9px;height:9px;background-size:9px}#chat.popup .chat-list .one-chat.deleted{line-height:50px;white-space:nowrap}#chat.popup .chat-list .one-chat:after{content:'';display:block;position:absolute;bottom:0;right:19px;left:19px;border-bottom:1px solid #dadbde}#chat.popup .chat-list .one-chat:hover .close{display:block}#chat.popup .chat-area .recipient-info .rating,#chat.popup .chat-list .one-chat.invite .info .name{display:inline-block;vertical-align:middle}#chat.popup .chat-list .one-chat.current,#chat.popup .chat-list .one-chat.current:hover{background:#717d8a;border-color:#717d8a;color:#fff}#chat.popup .chat-list .one-chat.current .title,#chat.popup .chat-list .one-chat.current p,#chat.popup .chat-list .one-chat.current:hover .title,#chat.popup .chat-list .one-chat.current:hover p{color:#fff}#chat.popup .chat-list .one-chat.current:after,#chat.popup .chat-list .one-chat.new-chat:after,#chat.popup .chat-list .one-chat:hover:after{border-color:transparent}#chat.popup .chat-list .one-chat:hover{background:#e8e9ec;border-top:1px solid #d2d2d5;border-bottom:1px solid #d2d2d5}#chat.popup .chat-list .one-chat.choosen{background:#e8e9ec}#chat.popup .chat-list .one-chat.choosen .check:before{background:#ff8b00}#chat.popup .chat-list .one-chat.closed{opacity:.3}#chat.popup .chat-list .one-chat.closed .title{text-decoration:line-through}#chat.popup .chat-list .one-chat.closed.current,#chat.popup .chat-list .one-chat.closed:hover{opacity:1}#chat.popup .chat-list .one-chat.new-chat{padding-right:55px;background:#e8e9ec;border-top:1px solid #d2d2d5;border-bottom:1px solid #d2d2d5}#chat.popup .chat-list .one-chat.new-chat.support{height:auto;padding-bottom:15px}#chat.popup .chat-list .one-chat.invite{padding-right:5px}#chat.popup .chat-list .one-chat.invite .info{vertical-align:middle;line-height:50px}#chat.popup .chat-list .one-chat.invite .count{display:inline-block;vertical-align:middle;position:static;margin-top:0;margin-left:10px}#chat.popup .chat-area{box-sizing:border-box;position:absolute;height:100%;left:304px;right:19px;background:#fff;z-index:1}#chat.popup .chat-area .avatar{position:absolute;width:50px;height:50px}#chat.popup .chat-area .avatar+div{min-height:50px;margin-left:56px}#chat.popup .chat-area .avatar.no-photo{background:#f9f9f9;width:48px;height:48px;border:1px solid #c0c5ca}#chat.popup .chat-area .avatar.no-photo img{position:absolute;top:0;right:0;bottom:0;left:0;width:36px;margin:auto}#chat.popup .chat-area .avatar.no-photo img.female,#chat.popup .chat-area .avatar.no-photo img.male{top:auto;bottom:0;width:43px}#chat.popup .chat-area .recipient-info{padding:8px 0 5px}#chat.popup .chat-area .recipient-info p.name{line-height:33px}#chat.popup .chat-area .recipient-info .userCh{position:absolute;width:22px;margin:5px 0 0 4px}#chat.popup .chat-area .recipient-info .info a{text-decoration:none}#chat.popup .chat-area .recipient-info .rating i{display:table-cell;width:14px;height:12px}#chat.popup .chat-area .recipient-info .rating i img{display:block;width:13px}#chat.popup .chat-area .recipient-info.support{border-bottom:1px solid #d2d2d5}#chat.popup .chat-area .recipient-info.support .name{font-weight:700}#chat.popup .chat-area .recipient-info.support .name+p{margin-top:-10px}#chat.popup .chat-area .theme{position:relative;line-height:18px;padding:7px 8px;margin-right:20px;color:#000;border:1px solid #d2d2d5;background:#f6f7f7}#chat.popup .chat-area .theme a{color:#000;text-decoration:none}#chat.popup .chat-area .theme .title{position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-bottom:15px;font-size:14px;font-weight:400}#chat.popup .chat-area .theme .price{position:absolute;bottom:5px}#chat.popup .chat-area .theme .price img{display:none}#chat.popup .chat-area .theme.no-price .title{line-height:33px;padding:0}#chat.popup .chat-area .theme:after{content:'';position:absolute;top:20px;right:8px;border:4px solid;border-color:transparent transparent transparent #858585}#chat.popup .chat-area .theme:hover{background-color:#e6eaed}#chat.popup .chat-area .msg-list{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative;overflow-y:auto;overflow-x:visible;height:100%;min-height:225px;margin-top:15px;background:#fff}#chat.popup .chat-area .msg-list>div{bottom:0;width:100%}#chat.popup .chat-area .msg-list .msg{padding:17px 19px}#chat.popup .chat-area .msg-list .msg .info{color:#999;margin-bottom:9px}#chat.popup .chat-area .msg-list .msg .name{font-weight:700}#chat.popup .chat-area .msg-list .msg .date{float:right}#chat.popup .chat-area .msg-list .msg .new{-webkit-border-radius:2px;-moz-border-radius:2px;-khtml-border-radius:2px;border-radius:2px;height:16px;line-height:16px;margin-left:7px;font-size:12px}#chat.popup .chat-area .msg-list .msg .autoanswer{padding-top:0;background:#b7b8bc}#chat.popup .chat-area .msg-list .msg .txt{position:relative;overflow:hidden;text-overflow:ellipsis;white-space:pre-wrap;line-height:18px}#chat.popup .chat-area .msg-list .msg .txt p{margin-bottom:5px}#chat.popup .chat-area .msg-list .msg.from{background:#f6f7f7}#chat.popup .chat-area .msg-list .msg.autoanswer{padding-top:0}#chat.popup .chat-area .msg-list .ask-photo{padding-bottom:44px}#chat.popup .chat-area .msg-list .ask-photo .txt{line-height:20px;font-size:16px}#chat.popup .chat-area .msg-list .ask-photo .btn.blue{position:relative;height:39px;line-height:37px;padding:0 22px 0 55px;margin-top:19px}#chat.popup .chat-area .msg-list .ask-photo .btn.blue img{position:absolute;top:9px;left:23px}#chat.popup .chat-area .service-info{height:36px;line-height:36px;padding-left:18px;color:#858585}#chat.popup .chat-area .service-info img{width:14px;margin:0 4px -3px 0}#chat.popup .chat-area .msg.ask-discount center .txt{margin-top:25px;font-size:16px}#chat.popup .chat-area .msg.ask-discount .fn{font-size:14px}#chat.popup .chat-area .msg.ask-discount .btn{position:relative;width:103px;line-height:37px;padding:0 0 0 11px;margin-top:17px}#chat.popup .chat-area .msg.ask-discount .btn img{position:absolute;top:0;bottom:0;left:27px;margin:auto}#chat.popup .chat-area .msg.ask-discount .btn+.btn{margin-left:10px}#chat.popup .chat-area .msg.request .txt{line-height:18px}#chat.popup .chat-area .msg.request .txt p:first-child{line-height:20px;margin:17px 0 31px;font-size:16px;text-align:center}#chat.popup .chat-area .form{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:absolute;bottom:0;width:100%;padding:18px 0;background:#fff}#chat.popup .chat-area .form .area-wrap{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.11);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.11);box-shadow:inset 0 1px 1px rgba(0,0,0,.11);position:relative;top:-1px;width:100%;height:52px;border:1px solid #c0c5ca;background:#fff;font-size:14px;color:#999;font-family:Arial,sans-serif}#chat.popup .chat-area .form .area-wrap:before{content:'';display:block;position:absolute;left:-12px;top:10px;border:6px solid;border-color:transparent #c0c5ca transparent transparent;z-index:9}#chat.popup .chat-area .form .area-wrap:after{content:'';display:block;position:absolute;left:-10px;top:11px;border:5px solid;border-color:transparent #fff transparent transparent;z-index:10}#chat.popup .chat-area .form .area-wrap.focus{border-color:#0c6ac9}#chat.popup .chat-area .form .area-wrap.focus:before{border-right-color:#0c6ac9}#chat.popup .chat-area .form .textarea{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:block;position:relative;overflow-y:auto;overflow-x:visible;width:100%;height:100%;padding:6px 8px;font-size:14px;resize:none;font-family:Arial,sans-serif;color:#000}#chat.popup .chat-area .form .fn{margin-top:15px;line-height:14px}#chat.popup .chat-area .form .send-msg{height:32px;line-height:30px;padding:0 10px;margin-top:11px;margin-right:5px;font-size:12px;font-weight:400;cursor:pointer}#chat.popup .chat-area .form.disabled{opacity:.4}#chat.popup .chat-area .form.disabled .avatar+div{position:relative}#chat.popup .chat-area .form.disabled .avatar+div:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:9}#chat.popup .chat-area .invite-msg .notice img{vertical-align:top;margin-top:-20px}#chat.popup .chat-area .invite-msg .notice span{-webkit-border-radius:3px;-moz-border-radius:3px;-khtml-border-radius:3px;border-radius:3px;display:block;position:relative;line-height:17px;padding:15px 17px;margin-left:85px;border:1px solid #d2d2d5;background:#f6f7f7}#chat.popup .chat-area .invite-msg .notice span:after,#chat.popup .chat-area .invite-msg .notice span:before{content:'';position:absolute;top:50%;border-style:solid;border-color:transparent}#chat.popup .chat-area .invite-msg .notice span:before{left:-12px;margin-top:-6px;border-width:6px;border-right-color:#e1e1e3}#chat.popup .chat-area .invite-msg .notice span:after{left:-10px;margin-top:-5px;border-width:5px;border-right-color:#f6f7f7}#chat.popup .chat-area .invite-msg .my-friends{font-size:12px;padding-top:8px;margin:17px 0 28px;border-top:1px solid #d2d2d5}#chat.popup .chat-area.invite .msg-list{position:absolute;top:0;bottom:116px;width:100%;height:auto!important}#chat.popup .chat-area.request .msg-list>div{height:55%;font-size:16px;text-align:center}#no-chat{width:455px;height:156px}#no-chat .body{line-height:22px;padding:45px 37px 30px 30px}#no-chat .body img{float:left;width:41px}#no-chat .body img+span{display:block;line-height:41px;margin-left:60px}#no-chat .body .btn{float:right}@media only screen and (max-width:989px){#chat.popup .chat-area .form,#chat.popup .head{position:relative}#chat.popup .head{background:#2a6eae;background:-moz-linear-gradient(top,#2a6eae 0,#2561a3 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#2a6eae),color-stop(100%,#2561a3));background:-webkit-linear-gradient(top,#2a6eae 0,#2561a3 100%);background:-o-linear-gradient(top,#2a6eae 0,#2561a3 100%);background:-ms-linear-gradient(top,#2a6eae 0,#2561a3 100%);background:linear-gradient(to bottom,#2a6eae 0,#2561a3 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#2a6eae, endColorstr=#2561a3, GradientType=0);-webkit-border-radius:0;-moz-border-radius:0;-khtml-border-radius:0;border-radius:0;display:block;overflow:hidden;height:40px;line-height:40px;padding:0 10px;border-bottom:1px solid #0b4a89;color:#fff;z-index:9}#chat.popup .chat-area,#chat.popup .chat-area .form .area-wrap:after,#chat.popup .chat-area .form .area-wrap:before,#chat.popup .chat-list.hidden{display:none}#chat.popup .head a{color:#fff}#chat.popup>.close{background-image:url(../img/close_blue.png);z-index:10}#chat.popup .chat-area,#chat.popup .chat-list{width:100%;margin:0;left:0;padding-top:40px}#chat.popup .chat-area .theme{min-width:0;margin-right:0}#chat.popup .chat-area .invite-msg{padding:0 10px}#chat.popup .chat-area .invite-msg .notice img{margin-top:-5px}#chat.popup .chat-area .msg-list .msg .new{border-radius:50%;width:12px;height:12px;padding:0;margin-top:2px;text-indent:-9999px}#chat.popup .chat-area.active{display:block;top:0}#chat.popup .chat-area.active .form .avatar,#chat.popup .chat-area.active .form .fn{display:none}#chat.popup .chat-area.active .form{padding:9px 10px}#chat.popup .chat-area.active .form .avatar+div{margin-left:0}#chat.popup .chat-area.active .form .send-msg{margin-right:0}#no-chat .body{padding-right:34px}}@media only screen and (max-width:320px){#chat.popup .chat-area .form .avatar+div{min-height:auto}#chat.popup .chat-area .form .area-wrap{display:inline-block;vertical-align:middle;height:30px;width:210px}#chat.popup .chat-area .form .send-msg{float:right;margin-top:-1px}#chat.popup .chat-area.invite .msg-list{bottom:52px}}