.easemobim-mobile-html {
                position: relative!important;
                width: 100%!important;
                height: 100%!important;
                padding: 0!important;
                margin: 0!important
            }

            .easemobim-mobile-body {
                position: absolute;
                top: 0!important;
                left: 0!important;
                width: 100%!important;
                height: 100%!important;
                overflow: hidden!important;
                padding: 0!important;
                margin: 0!important
            }

            .easemobim-mobile-body>* {
                display: none!important
            }

            .easemobim-mobile-body>.easemobim-chat-panel {
                display: block!important
            }

            .easemobim-chat-panel {
                z-index: 1000;
                overflow: hidden;
                position: fixed;
                border: none;
                width: 0;
                height: 0;
                box-shadow: 0 4px 8px rgba(0,0,0,.2);
                border-radius: 4px
            }

            .easemobim-chat-panel.easemobim-minimized {
                border: none;
                box-shadow: none;
                height: 37px!important;
                width: 104px!important
            }

            .easemobim-chat-panel.easemobim-minimized.easemobim-has-prompt {
                width: 360px!important;
                height: 270px!important
            }

            .easemobim-chat-panel.easemobim-mobile {
                position: absolute!important;
                width: 100%!important;
                height: 100%!important;
                left: 0!important;
                top: 0!important;
                border-radius: 0;
                box-shadow: none
            }

            .easemobim-chat-panel.easemobim-mobile.easemobim-minimized {
                height: 0!important;
                width: 0!important
            }

            .easemobim-chat-panel.easemobim-hide {
                visibility: hidden;
                width: 1px!important;
                height: 1px!important;
                border: none
            }

            .easemobim-chat-panel.easemobim-dragging {
                box-shadow: 8px 8px 20px rgba(0,0,0,.3)
            }

            .easemobim-chat-panel.easemobim-big {
                width: 720px
            }

            .easemobim-iframe-shadow {
                left: auto;
                top: auto;
                display: none;
                cursor: move;
                z-index: 16777270;
                position: fixed;
                border: none;
                border-radius: 4px;
                background-size: 100% 100%;
                background-repeat: no-repeat
            }

            .easemobim-iframe-shadow.easemobim-dragging {
                display: block
            }

            .easemobim-prompt-wrapper {
                display: none;
                z-index: 16777271;
                position: fixed;
                width: 30px;
                height: 30px;
                padding: 10px;
                top: 0;
                bottom: 0;
                margin: auto;
                left: 0;
                right: 0;
                color: #fff;
                background-color: #000;
                text-align: center;
                border-radius: 4px;
                -webkit-transition: all .5s;
                -moz-transition: all .5s;
                transition: all .5s;
                opacity: .7;
                -moz-box-sizing: content-box;
                box-sizing: content-box
            }

            .easemobim-prompt-wrapper>.loading {
                position: relative;
                width: 30px;
                height: 30px;
                display: inline-block;
                overflow: hidden;
                margin: 0;
                padding: 0;
                -webkit-animation: easemobim-loading-frame 1s linear infinite;
                -moz-animation: easemobim-loading-frame 1s linear infinite;
                animation: easemobim-loading-frame 1s linear infinite
            }

            @-webkit-keyframes easemobim-loading-frame {
                0% {
                    -webkit-transform: rotate(0);
                    transform: rotate(0)
                }

                to {
                    -webkit-transform: rotate(1turn);
                    transform: rotate(1turn)
                }
            }

            @-moz-keyframes easemobim-loading-frame {
                0% {
                    -moz-transform: rotate(0);
                    transform: rotate(0)
                }

                to {
                    -moz-transform: rotate(1turn);
                    transform: rotate(1turn)
                }
            }

            @keyframes easemobim-loading-frame {
                0% {
                    -webkit-transform: rotate(0);
                    -moz-transform: rotate(0);
                    transform: rotate(0)
                }

                to {
                    -webkit-transform: rotate(1turn);
                    -moz-transform: rotate(1turn);
                    transform: rotate(1turn)
                }
            }

            .easemobim-pc-img-view {
                display: none;
                position: fixed;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                z-index: 16777270
            }

            .easemobim-pc-img-view>.shadow {
                position: fixed;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background-color: #000;
                opacity: .5
            }

            .easemobim-pc-img-view>img {
                max-width: 100%;
                max-height: 100%;
                position: absolute;
                margin: auto;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0
            }

            .easemob-invite-box {
                position: absolute;
                top: 50%;
                left: 50%;
                width: 400px;
                height: 200px;
                border: 1px solid #e6eaf2;
                padding: 0;
                border-radius: 0;
                margin-left: -200px;
                margin-top: -100px;
                background: #fff;
                display: none;
                z-index: 9999
            }

            .easemob-invite-box .invite-logo {
                width: 100%;
                height: 45px;
                text-align: center;
                margin-top: 30px
            }

            .easemob-invite-box .invite-logo>img {
                max-width: 45px;
                max-height: 45px
            }

            .easemob-invite-box .invite-text {
                text-align: center;
                margin: 0 20px;
                color: gray;
                font-size: 12px;
                height: 65px;
                line-height: 65px
            }

            .easemob-invite-box .invite-text>span {
                display: inline-block;
                line-height: 25px;
                vertical-align: middle
            }

            .easemob-invite-box .button {
                position: absolute;
                bottom: 0;
                width: 100%;
                height: 50px;
                line-height: 50px;
                border-radius: 0;
                margin: 0;
                text-align: center;
                cursor: pointer;
                color: #fff;
                background-color: #1ba8ed
            }

            .easemob-invite-box>span {
                position: absolute;
                right: 15px;
                top: 5px;
                color: gray;
                cursor: pointer;
                font-size: 20px
            }

            .easemob-invite-box .theme_sky {
                background-color: #42b8f4
            }

            .easemob-invite-box .theme_tree {
                background-color: #00b45f
            }

            .easemob-invite-box .theme_house {
                background-color: #b50e03
            }

            .easemob-invite-box .theme_cherry {
                background-color: #ffa0be
            }

            .easemob-invite-box .theme_orange {
                background-color: #f49300
            }

            .easemob-invite-box .theme_grass {
                background-color: #9ec100
            }

            .easemob-invite-box .theme_sea {
                background-color: #00cccd
            }

            .easemob-invite-box .theme_mountion {
                background-color: #5b799a
            }

            .easemob-invite-box .theme_moon {
                background-color: #3977cf
            }

            .easemob-invite-box .theme_business {
                background-color: #000
            }

            .easemob-invite-box .theme_lake {
                background-color: #06a89c
            }

            .easemob-invite-box .theme_science {
                background-color: #2189ff
            }

            .easemob-invite-box.easemob-mobile-invite-box {
                width: 280px;
                height: 140px;
                margin-left: -140px;
                margin-top: -70px
            }

            .easemob-invite-box.easemob-mobile-invite-box .invite-logo {
                margin-top: 20px;
                height: 35px
            }

            .easemob-invite-box.easemob-mobile-invite-box .invite-logo>img {
                max-width: 35px;
                max-height: 35px
            }

            .easemob-invite-box.easemob-mobile-invite-box .invite-text {
                margin: 0 5px;
                color: gray;
                font-size: 12px;
                height: 45px;
                line-height: 45px
            }

            .easemob-invite-box.easemob-mobile-invite-box>div.button {
                height: 35px;
                line-height: 35px
            }