#webtm-wrapper {
    position: fixed;
    bottom: 0;
    right: 70px;
    font: 12px/1.3 Tahoma, simsun, sans-serif;
    color: #777;
    z-index: 999
}

#webtm-wrapper p,#webtm-wrapper div,#webtm-wrapper h1,#webtm-wrapper h2,#webtm-wrapper h3,#webtm-wrapper h4,#webtm-wrapper h5,#webtm-wrapper h6,#webtm-wrapper ul,#webtm-wrapper ol,#webtm-wrapper dd,#webtm-wrapper dl,#webtm-wrapper dt,#webtm-wrapper form {
    display: block
}

#webtm-wrapper h1,#webtm-wrapper h2,#webtm-wrapper h3,#webtm-wrapper h4,#webtm-wrapper h5,#webtm-wrapper h6 {
    color: #777;
    line-height: 100%;
    font: 12px/1.3 Tahoma, simsun, sans-serif;
    font-weight: normal;
    border: none
}

#webtm-wrapper div,#webtm-wrapper dl,#webtm-wrapper dt,#webtm-wrapper dd,#webtm-wrapper ul,#webtm-wrapper ol,#webtm-wrapper li,#webtm-wrapper h1,#webtm-wrapper h2,#webtm-wrapper h3,#webtm-wrapper h4,#webtm-wrapper h5,#webtm-wrapper h6,#webtm-wrapper pre,#webtm-wrapper code,#webtm-wrapper form,#webtm-wrapper fieldset,#webtm-wrapper legend,#webtm-wrapper input,#webtm-wrapper button,#webtm-wrapper textarea,#webtm-wrapper p,#webtm-wrapper blockquote,#webtm-wrapper th,#webtm-wrapper td {
    margin: 0;
    padding: 0
}

#webtm-wrapper ul,#webtm-wrapper ol {
    list-style: none
}

#webtm-wrapper div,#webtm-wrapper p,#webtm-wrapper a {
    word-wrap: normal
}

#webtm-wrapper p {
    text-indent: 0
}

#webtm-wrapper a {
    color: #666;
    margin: 0;
    padding: 0
}

#webtm-wrapper a:hover {
    text-decoration: none
}

#webtm-wrapper :focus {
    outline: none
}

#webtm-wrapper .webtm-clearfix:after {
    content: '\0020';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

#webtm-wrapper .webtm-clearfix {
    zoom:1}

#webtm-wrapper .webtm-withwho,#webtm-wrapper .webtm-status-online,#webtm-wrapper .webtm-linert,#webtm-wrapper .webtm-status-stealth,#webtm-wrapper .webtm-glasser,#webtm-wrapper .webtm-tablist .webtm-tab-roster,#webtm-wrapper .webtm-tablist .webtm-tab-recent,#webtm-wrapper .webtm-item-list a,#webtm-wrapper .webtm-specific,#webtm-wrapper .web-vip,#webtm-wrapper .webtm-chat-list-top,#webtm-wrapper .webtm-send-choose-list .webtm-choose span,#webtm-wrapper .web-open-item-list .web-icon-active,#webtm-wrapper .webtm-item-list .webtm-icon-close,#webtm-wrapper .webtm-item-list .webtm-offline,#webtm-wrapper .webtm-item-list .webtm-busy,#webtm-wrapper .webtm-item-list .webtm-leave,#webtm-wrapper .webtm-face-box-btm,#webtm-wrapper .webtm-ico,#webtm-wrapper .webtm-chat-tip-closed,#webtm-wrapper .webtm-company-toggle-triangle,#webtm-wrapper .webtm-closeder,#webtm-wrapper .logining-close,#webtm-wrapper .webtm-ico-box {
    background: url(../../../images/sprites.png) no-repeat
}

#webtm-wrapper .webtm-help-btn,#webtm-wrapper .webtm-min-btn,#webtm-wrapper .webtm-close-btn,#webtm-wrapper .web-closeon,#webtm-wrapper .webtm-face-btn,#webtm-wrapper .web-update,#webtm-wrapper .webtm-msg-history,#webtm-wrapper .webtm-search-close {
    background: url(../../../images/status.png) no-repeat
}

#webtm-wrapper .webtm-uparrow,#webtm-wrapper .webtm-downarrow {
    background: url(../../../images/arrow.png) no-repeat
}

#webtm-wrapper .webtm-main {
    position: absolute;
    right: 0;
    bottom: 27px;
    width: 198px;
    height: 389px;
    background: #fff;
    border: 1px solid #b4ceec;
    z-index: 11000
}

#webtm-wrapper .webtm-tit {
    height: 24px;
    background-position: 0 -28px;
    z-index: 11001
}

#webtm-wrapper .webtm-tit-lf {
    float: left
}

#webtm-wrapper .webtm-tit-rt {
    float: right
}

#webtm-wrapper .webtm-tit-status {
    float: left;
    width: 64px;
    height: 24px;
    margin-left: 7px;
    display: inline;
    cursor: pointer
}

#webtm-wrapper .webtm-status-online {
    float: left;
    width: 30px;
    background-position: 0 -22px;
    padding: 0 0 0 18px;
    margin-top: 4px;
    vertical-align: middle;
    color: #666
}

#webtm-wrapper .webtm-status-stealth {
    float: left;
    width: 30px;
    background-position: 0 -44px;
    padding: 0 0 0 18px;
    margin-top: 4px;
    vertical-align: middle;
    color: #666
}

#webtm-wrapper .webtm-triangle {
    float: left;
    margin-top: 10px;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border: 4px solid #666;
    border-color: #666 #d5e6ff;
    border-width: 4px 4px 0 4px;
    font-family: simsun
}

#webtm-wrapper .webtm-linert {
    background-position: -18px -71px;
    width: 2px;
    height: 23px;
    position: absolute;
    left: 70px;
    top: 0
}

#webtm-wrapper .webtm-two-lister {
    position: absolute;
    z-index: 11001;
    left: -1px;
    top: 24px;
    padding: 1px;
    width: 69px;
    border-width: 0 1px 1px;
    margin: 0;
    border-style: none solid solid;
    background: #f5faff;
    border-color: #b4ceec #b4ceec
}

#webtm-wrapper .webtm-two-lister li {
    height: 24px;
    cursor: pointer;
    line-height: 130%
}

#webtm-wrapper .webtm-two-lister li.hover {
    background: #e3f0ff
}

#webtm-wrapper .webtm-two-lister span {
    margin-left: 6px
}

#webtm-wrapper .webtm-help-btn {
    float: left;
    width: 25px;
    height: 23px;
    background-position: 0 0
}

#webtm-wrapper .webtm-help-btn:hover {
    background-position: -33px 0
}

#webtm-wrapper .webtm-min-btn {
    float: left;
    width: 25px;
    height: 23px;
    background-position: -67px 0
}

#webtm-wrapper .webtm-min-btn:hover {
    background-position: -101px 0
}

#webtm-wrapper .webtm-forms {
    padding: 2px 0 0 2px;
    height: 27px;
    background: #f0f7ff;
    margin: 0 0 1px 0;
    position: relative;
    display: block
}

#webtm-wrapper .webtm-forms input {
    padding: 0;
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    vertical-align: middle;
    *font-size: 100%;
    border: 1px solid #d6e3f2;
    width: 188px;
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    padding-left: 4px;
    background: #fff;
    outline: none
}

#webtm-wrapper .webtm-glasser {
    position: absolute;
    line-height: 13px;
    height: 13px;
    background-position: 0 -103px;
    left: 5px;
    top: 8px;
    padding-left: 17px;
    font-weight: normal;
    z-index: 11000
}

#webtm-wrapper .webtm-search-close {
    background-position: -137px 0;
    float: left;
    height: 23px;
    width: 25px;
    position: absolute;
    right: 2px;
    top: 4px;
    cursor: pointer
}

#webtm-wrapper .webtm-search-input::-ms-clear {
    display: none
}

#webtm-wrapper .webtm-search-empty {
    text-align: center;
    padding: 10px 5px
}

#webtm-wrapper .webtm-pngbg {
    position: absolute;
    left: 0;
    top: 0;
    width: 198px;
    height: 5px;
    background: url(../../../images/gradient.png) repeat-x
}

#webtm-wrapper .webtm-tabcon {
    width: 198px;
    height: 60px;
    position: relative
}

#webtm-wrapper .webtm-tablist {
    margin: 0;
    padding: 0;
    height: 29px;
    background: #e3f0ff
}

#webtm-wrapper .webtm-tablist li {
    float: left;
    height: 29px;
    line-height: 29px;
    text-align: center;
    border-left: 1px solid #bdd0e5;
    width: 98px;
    cursor: pointer
}

#webtm-wrapper .webtm-tablist .webtm-tab-current {
    background: #fff;
    margin-left: -1px
}

#webtm-wrapper .webtm-tablist .webtm-tab-roster {
    float: left;
    width: 16px;
    height: 16px;
    background-position: 0 -130px;
    margin: 8px 0 0 40px
}

#webtm-wrapper .webtm-tablist .webtm-tab-recent {
    float: left;
    width: 16px;
    height: 16px;
    background-position: 0 -163px;
    margin: 8px 0 0 40px
}

#webtm-wrapper .webtm-phiz {
    width: 198px;
    height: 306px;
    overflow: hidden;
    overflow-y: auto;
    position: relative
}

#webtm-wrapper .webtm-search-friends .webtm-phiz {
    height: 335px
}

#webtm-wrapper .webtm-group {
    margin-top: 10px
}

#webtm-wrapper .webtm-group-tit {
    font-size: 12px;
    margin: 0;
    padding: 0;
    font-weight: normal;
    margin-left: 5px;
    cursor: pointer
}

#webtm-wrapper .webtm-group-tit .webtm-triangle {
    margin: 5px 8px 0 5px;
    border-color: #666 #fff;
    border-width: 4px 4px 0 4px
}

#webtm-wrapper .webtm-group-tit .webtm-triangle-fold {
    margin: 4px 12px 0 5px;
    border-color: #fff #666;
    border-width: 4px 0 4px 4px
}

#webtm-wrapper .webtm-item-list {
    margin: 0;
    padding: 0;
    padding: 5px 1px 1px
}

#webtm-wrapper .webtm-item-list li {
    line-height: 1.3;
    height: 20px;
    margin-bottom: 1px;
    padding-top: 4px
}

#webtm-wrapper .webtm-item-list li.webtm-item-on {
    background: #e3f0ff
}

#webtm-wrapper .webtm-item-list a {
    display: block;
    background-position: 0 -195px;
    padding-left: 24px;
    padding-bottom: 10px;
    color: #666;
    text-decoration: none;
    margin: 0 0 0 23px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

#webtm-wrapper .webtm-item-list .webtm-anim a {
    background: none
}

#webtm-wrapper .webtm-item-list .webtm-offline {
    background-position: 0 -849px
}

#webtm-wrapper .webtm-item-list .webtm-busy {
    background-position: 0 -512px
}

#webtm-wrapper .webtm-item-list .webtm-leave {
    background-position: 0 -473px
}

#webtm-wrapper .webtm-roster-loading {
    text-align: center;
    margin: 0;
    padding: 120px 0 0 0;
    color: #666
}

#webtm-wrapper .webtm-roster-loading a {
    color: #0055e6;
    text-decoration: none
}

#webtm-wrapper .webtm-roster-loading a:hover {
    text-decoration: underline
}

#webtm-wrapper .webtm-min-wrapper {
    position: absolute;
    right: 199px;
    bottom: 0;
    width: 198px;
    height: 33px;
    background: #ffffff;
    border: 1px solid rgba(210,217,231,0.5);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.12);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    z-index: 11000;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#webtm-wrapper .webtm-min-wrapper:hover,#webtm-wrapper .webtm-min-wrapper:active {
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2)
}

#webtm-wrapper .webtm-min-wrapper:active {
    background: #f5f7fa
}

#webtm-wrapper .webtm-min-wrapper .webtm-min-box {
    display: block;
    height: 100%;
    width: 100%
}

#webtm-wrapper .webtm-min-task {
    right: 0;
    width: 198px;
    z-index: 11001;
    cursor: pointer
}

#webtm-wrapper .webtm-status {
    position: absolute;
    top: 8px;
    left: 10px;
    width: 16px;
    height: 16px;
    background-image: url(../../../images/tm-mic-logo.png);
    background-size: 100% 100%
}

#webtm-wrapper .webtm-status.offline {
    background-image: url(../../../images/tm-mic-logo-offline.png);
    background-size: 100% 100%
}

#webtm-wrapper .webtm-name {
    position: absolute;
    top: 6px;
    left: 31px;
    font-size: 14px;
    font-family: Roboto, Roboto-Regular;
    font-weight: 400;
    text-align: LEFT;
    color: #222222;
    line-height: 21px
}

#webtm-wrapper .webtm-unread-count {
    display: none;
    position: absolute;
    top: 7px;
    right: 10px;
    width: 18px;
    height: 18px;
    background: #e64545;
    border-radius: 50%;
    font-size: 12px;
    font-family: Roboto, Roboto-Regular;
    text-align: CENTER;
    color: #ffffff;
    line-height: 18px
}

#webtm-wrapper .webtm-unread-count.long {
    width: 31px;
    height: 18px;
    background: #e64545;
    border-radius: 100px
}

#webtm-wrapper .webtm-setting {
    width: 41px;
    height: 25px;
    margin-right: -8px;
    _margin-right: -4px;
    margin-top: 0px;
    position: relative;
    display: block;
    float: right;
    background: url(../../../images/setting.png) 0 -30px no-repeat;
    cursor: pointer
}

#webtm-wrapper .webtm-setting-hover {
    background-position: 0 -30px
}

#webtm-wrapper .webtm-setting-active {
    background-position: 0 -60px
}

#webtm-wrapper .webtm-mb10 {
    margin-bottom: 10px
}

#webtm-wrapper .webtm-setting-pop {
    position: absolute;
    bottom: 27px;
    right: -1px;
    border: 1px solid #b4ceec;
    padding: 8px;
    line-height: 1;
    background: white
}

#webtm-wrapper .webtm-setting-pop li {
    padding-left: 19px;
    background: url(../../../images/sprites.png) 0 -937px no-repeat;
    cursor: default
}

#webtm-wrapper .webtm-setting-pop .webtm-setting-selected {
    background-position: 0 -965px
}

#webtm-wrapper .webtm-min-wrapper-yellow {
    border: 1px solid #ffb32f;
    border-bottom: none
}

#webtm-wrapper .webtm-min-wrapper-yellow .webtm-min-box {
    background-position: 0 -59px;
    border: 1px solid #feffe0
}

#webtm-wrapper .webtm-withwho {
    background-position: 0 0;
    padding-left: 30px;
    height: 17px;
    line-height: 17px;
    margin: 0;
    color: #3c3c3c;
    cursor: pointer
}

#webtm-wrapper .webtm-withwho span {
    float: left;
    *float: none;
    *display: inline-block
}

#webtm-wrapper .webtm-withwho strong {
    float: left;
    display: inline;
    *float: none
}

#webtm-wrapper .webtm-anonymous {
    font-weight: normal;
    margin: 0 6px;
    width: 72px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    _margin-top: -1px;
    height: 17px
}

#webtm-wrapper .webtm-content {
    position: absolute;
    right: 199px;
    bottom: 0;
    width: 455px;
    height: 416px;
    background: #fff;
    border: 1px solid #b4ceec;
    z-index: 11001;
    background: white
}

#webtm-wrapper .webtm-content .webtm-tit,#webtm-wrapper .webtm-content .webtm-specific {
    cursor: move
}

#webtm-wrapper .webtm-specific {
    float: left;
    background-position: 0 -195px;
    padding-left: 24px;
    height: 16px;
    color: #666;
    text-decoration: none;
    font-size: 12px;
    font-weight: normal;
    color: #333;
    margin: 4px 0 0 10px;
    display: inline;
    cursor: default;
    user-select: none;
    -webkit-user-select: none
}

#webtm-wrapper .webtm-specific-offline {
    background-position: 0 -849px
}

#webtm-wrapper .webtm-specific-busy {
    background-position: 0 -512px
}

#webtm-wrapper .webtm-specific-leave {
    background-position: 0 -473px
}

#webtm-wrapper .webtm-close-btn {
    float: left;
    width: 25px;
    height: 23px;
    background-position: -137px 0
}

#webtm-wrapper .webtm-close-btn:hover {
    background-position: -167px 0
}

#webtm-wrapper .webtm-content .webtm-min-btn:hover {
    background-position: -209px 0
}

#webtm-wrapper .webtm-chat-body {
    z-index: 11001;
    background: white
}

#webtm-wrapper .webtm-chat-wrapper {
    float: left;
    width: 287px;
    height: 392px;
    border-right: 1px solid #b4ceec;
    position: relative
}

#webtm-wrapper .webtm-chat-tip {
    width: 282px;
    height: 18px;
    background: #fff6cb;
    color: #000;
    padding: 2px 0 0 4px;
    cursor: default
}

#webtm-wrapper .webtm-chat-tip-closed {
    float: right;
    width: 11px;
    height: 11px;
    background-position: 0 -623px;
    margin: 2px 5px 0 0;
    display: inline
}

#webtm-wrapper .webtm-chat-list {
    height: 255px;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: auto
}

#webtm-wrapper .webtm-chat-list-lower {
    height: 235px
}

#webtm-wrapper .webtm-chat-list-top {
    color: #7ea3c7;
    background-position: 0 -262px;
    padding-left: 22px;
    margin: 4px;
    cursor: default;
    line-height: 1.3
}

#webtm-wrapper .webtm-chat-box {
    margin: 10px 5px 0
}

#webtm-wrapper .webtm-chat-box dl,#webtm-wrapper .webtm-chat-box dd {
    margin: 0;
    padding: 0
}

#webtm-wrapper .webtm-msg-box {
    color: #0069ff
}

#webtm-wrapper .webtm-msg-box-receive {
    color: #1e9736
}

#webtm-wrapper .webtm-msg-box-system {
    color: #ff3600
}

#webtm-wrapper .webtm-msg-box span,#webtm-wrapper .webtm-msg-box-receive span,#webtm-wrapper .webtm-msg-box-system span {
    margin-left: 10px
}

#webtm-wrapper .webtm-msg-txt {
    margin: 0;
    padding: 5px 0;
    color: #000;
    text-indent: 1em;
    line-height: 21px
}

#webtm-wrapper .webtm-msg-txt a {
    color: #0055e6;
    text-decoration: underline
}

#webtm-wrapper .webtm-chat-toolbar {
    height: 23px;
    border-top: 1px solid #d5e4f5;
    border-bottom: 1px solid #d5e4f5;
    background: #e0eeff
}

#webtm-wrapper .webtm-chat-system {
    float: left;
    position: relative;
    z-index: 11000
}

#webtm-wrapper .webtm-face-btn {
    float: left;
    width: 26px;
    height: 23px;
    border-left: 1px solid #e2efff;
    border-right: 1px solid #e2efff;
    background-position: -259px 0
}

#webtm-wrapper .webtm-chat-system-on {
    float: left;
    background: #f3f8ff
}

#webtm-wrapper .webtm-chat-system-on a {
    border-left: 1px solid #d5e4f5;
    border-right: 1px solid #d5e4f5
}

#webtm-wrapper .webtm-face-box {
    position: absolute;
    left: -50px;
    bottom: 29px;
    background: #e3efff;
    z-index: 11000
}

#webtm-wrapper .webtm-face-box-inner {
    border: 1px solid #bdd0e5;
    width: 340px;
    _width: 342px
}

#webtm-wrapper .webtm-face-tit {
    margin: 4px 0 0 5px;
    height: 20px;
    padding: 5px 10px 0;
    background: #fff;
    width: 50px;
    color: #000
}

#webtm-wrapper .webtm-face-list {
    background: #fff;
    padding: 8px 8px 15px
}

#webtm-wrapper .webtm-face-list a {
    float: left;
    border: 1px solid #cae3ff;
    padding: 3px;
    margin: 0 -1px -1px 0
}

#webtm-wrapper .webtm-face-list a:hover {
    border: 1px solid #007ae6;
    margin: 0 -1px -1px 0;
    padding: 3px;
    position: relative;
    z-index: 2
}

#webtm-wrapper .webtm-face-list img {
    margin: 0;
    vertical-align: top;
    border: none;
    padding: 0
}

#webtm-wrapper .webtm-face-box-btm {
    width: 13px;
    height: 7px;
    background-position: 0 -593px;
    position: absolute;
    left: 56px;
    bottom: -6px;
    _bottom: -14px
}

#webtm-wrapper .web-face-tit {
    height: 16px;
    padding-top: 4px
}

#webtm-wrapper .web-facer {
    width: 340px;
    _width: 342px
}

#webtm-wrapper .web-face-box {
    left: -70px
}

#webtm-wrapper .web-arrow-btm {
    left: 76px
}

#webtm-wrapper .webtm-msg-history {
    float: right;
    width: 55px;
    height: 18px;
    border-right: 1px solid #e2efff;
    background-position: -392px 0;
    padding: 5px 0 0 26px;
    color: #666;
    text-decoration: none
}

#webtm-wrapper .webtm-msg-history-on {
    float: right;
    width: 81px;
    background: #f3f8ff;
    padding-left: 10px;
    border-left: 1px solid #d5e4f5
}

#webtm-wrapper .webtm-msg-history-disabled {
    background: url("../images/icon-record-disabled.png") no-repeat;
    background-position-y: 4px;
    color: #c4d2e2;
    cursor: default
}

#webtm-wrapper .webtm-print {
    padding: 2px 0 3px 2px;
    font-size: 12px;
    color: #666;
    border: 0 none;
    overflow-x: hidden;
    overflow-y: auto;
    width: 285px;
    height: 82px;
    line-height: 18px;
    resize: none;
    outline: none;
    margin: 0;
    word-wrap: break-word
}

#webtm-wrapper .webtm-chat-btm {
    width: 287px;
    height: 24px;
    border-top: 1px solid #c7daf1;
    background: #e1efff;
    position: absolute;
    bottom: 0;
    left: 0
}

#webtm-wrapper .webtm-chat-btm-inner {
    width: 287px;
    height: 23px;
    border-top: 1px solid #eef6ff;
    position: relative
}

#webtm-wrapper .webtm-chat-download {
    float: left;
    height: 23px;
    line-height: 23px;
    color: #0055e6;
    text-decoration: none;
    padding-left: 10px;
    margin: 0
}

#webtm-wrapper .webtm-chat-download:hover {
    text-decoration: underline
}

#webtm-wrapper .webtm-send {
    position: absolute;
    right: 0;
    top: -2px;
    z-index: 11003;
    width: 85px;
    _right: -1px;
    vertical-align: bottom
}

#webtm-wrapper .webtm-send-btn {
    float: left;
    background: url(../../../images/send.png) no-repeat 0 0;
    width: 63px;
    height: 26px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    line-height: 26px
}

#webtm-wrapper .webtm-send-btn:hover {
    background: url(../../../images/send.png) no-repeat 0 -26px;
    width: 63px;
    height: 26px
}

#webtm-wrapper .webtm-send-btn-disabled {
    background-position: 0 -52px;
    color: #c4d2e2;
    filter: alpha(opacify=30);
    opacity: 0.3;
    cursor: default
}

#webtm-wrapper .webtm-send-btn-disabled:hover {
    background-position: 0 -52px
}

#webtm-wrapper .webtm-send-tip {
    position: absolute;
    right: 0;
    bottom: 34px;
    z-index: 11002;
    width: auto;
    padding: 5px;
    color: #333;
    z-index: 11002;
    background: #fcf6cb;
    border: 1px solid #ae873a;
    border-radius: 3px
}

#webtm-wrapper .webtm-arrow-btm {
    position: absolute;
    background: url(../../../images/arrow2.png) no-repeat;
    width: 16px;
    height: 9px;
    right: 50%;
    bottom: 27px;
    _bottom: 22px
}

#webtm-wrapper .webtm-send-choose {
    float: left;
    width: 22px;
    height: 26px
}

#webtm-wrapper .webtm-send-choose-btn {
    float: left;
    width: 22px;
    height: 26px;
    background: url(../../../images/send.png) no-repeat -63px 0
}

#webtm-wrapper .webtm-send-choose-btn:hover {
    background: url(../../../images/send.png) no-repeat -63px -26px;
    width: 22px;
    height: 26px;
    border: none
}

#webtm-wrapper .webtm-send-choose-btn:focus {
    outline: none
}

#webtm-wrapper .webtm-send-choose-btn-disabled {
    background-position: -63px -52px;
    cursor: default
}

#webtm-wrapper .webtm-send-choose-btn-disabled:hover {
    background-position: -63px -52px
}

#webtm-wrapper .webtm-send-choose-list {
    position: absolute;
    width: 150px;
    top: -52px;
    left: -67px;
    _top: -53px;
    height: 50px;
    background: #fff;
    border: 1px solid #b4ceec;
    margin: 0;
    padding: 0
}

#webtm-wrapper .webtm-send-choose-list li {
    width: 150px;
    height: 25px;
    line-height: 25px;
    color: #444;
    cursor: pointer;
    vertical-align: bottom;
    border-bottom: 1px dotted #ddd
}

#webtm-wrapper .webtm-send-choose-list a {
    display: inline-block;
    width: 150px;
    color: #666;
    text-decoration: none
}

#webtm-wrapper .webtm-send-choose-list span {
    float: left;
    width: 20px;
    height: 25px;
    border-right: 1px solid #bfd1e6;
    margin-right: 5px;
    background: #eff7ff
}

#webtm-wrapper .webtm-send-choose-list .webtm-choose span {
    background-position: 0 -327px
}

#webtm-wrapper .webtm-send-choose-list a:hover {
    background-color: #d5e8ff
}

#webtm-wrapper .webtm-company-toggle {
    float: left;
    width: 6px;
    height: 392px;
    border-right: 1px solid #b4ceec;
    background: #d6e6ff;
    cursor: pointer
}

#webtm-wrapper .webtm-company-toggle-triangle {
    display: block;
    width: 6px;
    height: 48px;
    background-position: 0 -645px;
    margin-top: 165px
}

#webtm-wrapper .webtm-company-toggle-fold {
    border-right: none
}

#webtm-wrapper .webtm-company-toggle-fold .webtm-company-toggle-triangle {
    background-position: -10px -645px
}

#webtm-wrapper .webtm-company-info {
    float: right;
    width: 160px;
    padding: 0;
    position: relative;
    height: 392px;
    z-index: 11001
}

#webtm-wrapper .webtm-iframe {
    border: 0 none
}

#webtm-wrapper .webtm-company-tab {
    position: absolute;
    left: 35px;
    bottom: 0
}

#webtm-wrapper .webtm-company-tab ul {
    margin: 0;
    padding: 0
}

#webtm-wrapper .webtm-company-tab li {
    float: left;
    border: 1px solid #bdd0e5;
    height: 24px;
    border-bottom: none;
    border-right: none;
    line-height: 1.3
}

#webtm-wrapper .webtm-company-tab .webtm-company-tab-last {
    border-right: 1px solid #bdd0e5
}

#webtm-wrapper .webtm-company-tab a {
    float: left;
    border: 1px solid #eef6ff;
    width: 26px;
    height: 22px;
    background: #e3f0ff url(../../../images/ico.png) no-repeat
}

#webtm-wrapper .webtm-company-tab a:hover {
    background: #cbdfff url(../../../images/ico.png) no-repeat
}

#webtm-wrapper .webtm-company-tab .webtm-company-miccn,#webtm-wrapper .webtm-company-tab .webtm-company-miccn:hover {
    background-position: 0 0
}

#webtm-wrapper .webtm-company-tab .webtm-company-abiz,#webtm-wrapper .webtm-company-tab .webtm-company-abiz:hover {
    background-position: 0 -32px
}

#webtm-wrapper .webtm-company-tab .webtm-company-all2car,#webtm-wrapper .webtm-company-tab .webtm-company-all2car:hover {
    background-position: 0 -62px
}

#webtm-wrapper .webtm-open-friends {
    float: left;
    width: 101px;
    height: 367px;
    border-right: none;
    background: #eff7ff
}

#webtm-wrapper .webtm-uparrow {
    display: block;
    width: 100px;
    height: 24px;
    background-position: 0 0;
    border-bottom: 1px solid #b4ceec;
    border-right: 1px solid #b4ceec;
    cursor: pointer
}

#webtm-wrapper .webtm-uparrow-hover {
    background-position: 0 -96px
}

#webtm-wrapper .webtm-uparrow-disable {
    background-position: 0 -144px
}

#webtm-wrapper .webtm-downarrow {
    display: block;
    width: 100px;
    height: 24px;
    background-position: 0 -24px;
    border-top: 1px solid #b4ceec;
    border-right: 1px solid #b4ceec;
    cursor: pointer
}

#webtm-wrapper .webtm-downarrow-hover {
    background-position: 0 -120px
}

#webtm-wrapper .webtm-downarrow-disable {
    background-position: 0 -168px
}

#webtm-wrapper .webtm-open-wrapper {
    position: relative;
    height: 342px;
    overflow: hidden
}

#webtm-wrapper .webtm-open-inner {
    border-right: 1px solid #b4ceec;
    height: 342px
}

#webtm-wrapper .webtm-open-item-list {
    width: 97px;
    padding: 0 0 0 3px;
    position: absolute;
    top: 0;
    border-right: 1px solid #B4CEEC
}

#webtm-wrapper .webtm-open-item-list li {
    width: 97px;
    height: 20px;
    padding-top: 4px;
    float: left;
    overflow: hidden;
    position: relative;
    margin: 2px 0 3px 0;
    border-left: 1px solid #EFF7FF
}

#webtm-wrapper .webtm-open-item-list li.webtm-item-on {
    background: #fff;
    border: 1px solid #b4ceec;
    border-right: none;
    width: 97px;
    z-index: 11000
}

#webtm-wrapper .webtm-open-item-list .webtm-notify-msg {
    width: 96px;
    background: #fff7bf
}

#webtm-wrapper .webtm-open-item-list .webtm-notify-msg .webtm-icon-close {
    right: 4px
}

#webtm-wrapper .webtm-open-item-list a {
    display: block;
    background-position: 0 -195px;
    padding-left: 24px;
    height: 16px;
    color: #666;
    text-decoration: none;
    margin: 0 0 0 6px;
    width: 54px;
    overflow: hidden;
    white-space: nowrap
}

#webtm-wrapper .webtm-open-item-list .webtm-icon-close {
    width: 7px;
    height: 6px;
    position: absolute;
    right: 5px;
    top: 9px;
    display: block;
    background-position: 0 -384px;
    cursor: pointer
}

#webtm-wrapper .webtm-open-item-list .webtm-icon-close-hover {
    background-position: 0 -407px
}

#webtm-wrapper .webtm-content-with-opened {
    width: 556px
}

#webtm-wrapper .webtm-content-no-company .webtm-chat-tip {
    width: 444px
}

#webtm-wrapper .webtm-content-no-company .webtm-chat-wrapper,#webtm-wrapper .webtm-content-no-company .webtm-chat-btm,#webtm-wrapper .webtm-content-no-company .webtm-chat-btm-inner {
    width: 448px
}

#webtm-wrapper .webtm-content-no-company .webtm-print {
    width: 441px
}

#webtm-wrapper .webtm-fail,#webtm-wrapper .webtm-logining,#webtm-wrapper .webtm-tip {
    bottom: 49px;
    right: -58px;
    width: 314px;
    height: auto;
    background: #ffffff;
    border-radius: 6px;
    z-index: 11000;
    animation-name: showTip;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-play-state: running
}

@keyframes showTip {
    0% {
        bottom: -50px
    }

    100% {
        bottom: 49px
    }
}

#webtm-wrapper .webtm-logining {
    right: 82px;
    width: 115px
}

#webtm-wrapper .webtm-logining .login-content {
    margin: 8px
}

#webtm-wrapper .webtm-logining .logining-close {
    width: 7px;
    height: 6px;
    background-position: 0 -384px;
    cursor: pointer;
    position: absolute;
    right: 8px;
    top: 14px
}

#webtm-wrapper .webtm-squeeze,#webtm-wrapper .webtm-squeeze-tip {
    vertical-align: middle;
    margin: 20px 20px 0;
    line-height: 20px;
    color: #000
}

#webtm-wrapper .webtm-squeeze .webtm-squeeze-tip-icon,#webtm-wrapper .webtm-squeeze-tip .webtm-squeeze-tip-icon {
    float: left;
    width: 24px;
    height: 24px;
    margin-right: 10px;
    background: #ff9500;
    font-size: 18px;
    font-family: micon, micon-Regular;
    font-weight: 400;
    text-align: center;
    color: white;
    line-height: 24px;
    border-radius: 12px
}

#webtm-wrapper .webtm-squeeze .webtm-squeeze-tip-text,#webtm-wrapper .webtm-squeeze-tip .webtm-squeeze-tip-text {
    margin-left: 34px
}

#webtm-wrapper .webtm-squeeze a,#webtm-wrapper .webtm-squeeze-tip a {
    color: #0055e6;
    text-decoration: none
}

#webtm-wrapper .webtm-squeeze a:hover,#webtm-wrapper .webtm-squeeze-tip a:hover {
    text-decoration: underline
}

#webtm-wrapper .webtm-fails-btns,#webtm-wrapper .webtm-tip-btns {
    margin: 15px 20px 20px 20px
}

#webtm-wrapper .webtm-tip-onlyone-btn {
    margin: 15px auto 20px auto;
    width: 132px
}

#webtm-wrapper .webtm-tip-onlyone-btn .webtm-tip-web-btn {
    width: 132px;
    height: 33px;
    background: #e64545;
    border-radius: 4px;
    border: none;
    color: white;
    text-align: center
}

#webtm-wrapper .webtm-tip-onlyone-btn .webtm-tip-web-btn:hover {
    background: #cc2929
}

#webtm-wrapper .webtm-tip-pc-btn,#webtm-wrapper .webtm-tip-open-window-ok-btn {
    width: 132px;
    height: 33px;
    background: #e64545;
    border-radius: 4px;
    border: none;
    color: white;
    cursor: pointer;
    text-align: center
}

#webtm-wrapper .webtm-tip-pc-btn:hover,#webtm-wrapper .webtm-tip-open-window-ok-btn:hover {
    background: #cc2929
}

#webtm-wrapper .webtm-tip-web-btn,#webtm-wrapper .webtm-tip-open-window-cancel-btn {
    width: 132px;
    height: 33px;
    background: #f5f7fa;
    border: 1px solid #ced3d9;
    border-radius: 4px;
    cursor: pointer;
    text-align: center
}

#webtm-wrapper .webtm-tip-web-btn:hover,#webtm-wrapper .webtm-tip-open-window-cancel-btn:hover {
    background: #e6ecf2
}

#webtm-wrapper .webtm-tip-btns .webtm-tip-pc-btn {
    float: right
}

#webtm-wrapper .webtm-arr {
    position: absolute;
    right: 152px;
    bottom: -8px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 8px solid white
}

#webtm-wrapper .webtm-msg-prolink {
    background: #f2f2f2;
    margin: 0 -5px 10px
}

#webtm-wrapper .webtm-msg-prolink-wrap {
    padding: 5px
}

#webtm-wrapper .webtm-msg-prolink-pic {
    float: left;
    width: 75px;
    height: 75px
}

#webtm-wrapper .webtm-msg-prolink-pic img {
    width: 100%;
    border: none
}

#webtm-wrapper .webtm-msg-prolink-detail {
    padding-left: 80px
}

#webtm-wrapper .webtm-msg-prolink-detail p {
    line-height: 1.5;
    color: #999
}

#webtm-wrapper .webtm-msg-prolink-detail span {
    color: #666
}

#webtm-wrapper .webtm-msg-prolink-detail span em {
    font-style: normal
}

#webtm-wrapper .webtm-msg-prolink-name a {
    color: #333;
    text-decoration: none
}

#webtm-wrapper .webtm-msg-prolink-name a:hover {
    text-decoration: underline
}

#webtm-wrapper .webtm-msg-prolink-price {
    margin-top: 3px
}

html:lang(ar) #webtm-wrapper,html:lang(sa) #webtm-wrapper {
    right: auto;
    left: 270px;
    direction: rtl
}

html:lang(ar) #webtm-wrapper .webtm-status,html:lang(sa) #webtm-wrapper .webtm-status {
    left: auto;
    right: 10px
}

html:lang(ar) #webtm-wrapper .webtm-name,html:lang(sa) #webtm-wrapper .webtm-name {
    left: auto;
    right: 31px
}

html:lang(ar) #webtm-wrapper .webtm-unread-count,html:lang(sa) #webtm-wrapper .webtm-unread-count {
    right: auto;
    left: 10px
}

html:lang(ar) #webtm-wrapper .webtm-squeeze-tip .webtm-squeeze-tip-icon,html:lang(sa) #webtm-wrapper .webtm-squeeze-tip .webtm-squeeze-tip-icon {
    float: right;
    margin-right: 0px;
    margin-left: 10px
}

html:lang(ar) #webtm-wrapper .webtm-squeeze-tip .webtm-squeeze-tip-text,html:lang(sa) #webtm-wrapper .webtm-squeeze-tip .webtm-squeeze-tip-text {
    margin-left: 0px;
    margin-right: 34px
}

html:lang(ar) #webtm-wrapper .webtm-tip-pc-btn,html:lang(sa) #webtm-wrapper .webtm-tip-pc-btn {
    float: left
}

/*# sourceMappingURL=webtm.css.map */