*
{
    margin: 0;
    padding: 0;
}
.hidden
{
    display: none;
}
.fl
{
    float: left;
}
.fr
{
    float: right;
}
.br_grey
{
    border-right: 1px solid #707070;
}
.li_grey_line
{
    display: block;
    float: left;
    position: relative;
    line-height: 10px;
    height: 14px;
    margin-top: 1px;
    padding-left: 1px;
    background-color: #707070;
}
.pad_lr_100_tb_10
{
    padding: 10px 100px;
}
.pad_lr_3
{
    padding: 0px 3px;
}
.pad_lr_5
{
    padding: 0px 5px;
}
.pad_lr_10
{
    padding: 0px 10px;
}
.clboth
{
    clear: both;
}
div input.login_button
{
    font-weight: 600;
    background-color: #90c8ff;
    border: 1px solid #90c8ff;
    color: #1666c2;
}
input.login_button:hover
{
    background-color: #a9d4ff;
    border: 1px solid #a9d4ff;
    color: #1666c2;
}
.invisible
{
    display: none;
}
div.divshow
{
    display: block;
}
ul
{
    list-style-type: none;
}
.Login_show
{
    width: 100%;
    margin-bottom: 10px;
}
.Login_Head img
{
    display: inline;
}
.Login_Head ul
{
    display: inline;
    line-height: 20px;
}
.Login_Head a
{
    color: #7d7d7d;
}
.Login_panel
{
    float: right;
    margin-right: 5px;
    margin-top: 60px;
    height: 330px;
    width: 330px;
    background-color: #2572c9;
    border-radius: 10px;
}
.Login_panel input
{
    line-height: 45px;
}
div.Login_panel_higher
{
    height: 390px;
}
div.selected
{
    color: #fff;
    background-color: #2572c9;
}
.Login_panel ul
{
    line-height: 32px;
    padding-left: 4px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin: 0px;
}
.Login_panel li
{
    color: #3275b8;
    background-color: #6ba3db;
    padding: 5px 7px;
}
.Login_panel_tab
{
    float: left;
    color: #3275b8;
    font-size: 14px;
    font-weight: normal;
    line-height: 35px;
    background-color: #6ba3db;
    padding: 7px 6px;
    margin: 0px;
    width: 104px;
    text-align: center;
}
.Login_panel_tab_first
{
    width: 84px;
    border-top-left-radius: 10px;
    border-right: 1px solid #2572c9;
}
.Login_panel_tab_last
{
    border-top-right-radius: 10px;
    border-left: 1px solid #2572c9;
}
.Login_Head, .Login_body, .Login_foot
{
    width: 1000px;
    margin: 0px auto;
}
.Login_Head li
{
    margin: 0 20px;
    color: #7d7d7d;
}
.Login_foot a
{
    color: #707070;
}
.Login_Icon_home, .Login_Icon_download, .Login_Icon_favourite, .Login_Icon_rent, .Login_Icon_user, .Login_Icon_pw, .Login_Icon_contect:before, .Login_Icon_qq, .Login_Icon_weixin
{
    background-image: url(/Images/login/login_icon.png);
    background-repeat: no-repeat;
}
.Login_Icon_home, .Login_Icon_download, .Login_Icon_favourite, .Login_Icon_qq, .Login_Icon_weixin
{
    padding-left: 30px;
}
.Login_Icon_qq
{
    background-position: 7px -898px;
}
.Login_Icon_weixin
{
    background-position: 0px -1000px;
}
.Login_Icon_home
{
    background-position: 0px 0px;
}
.Login_Icon_download
{
    background-position: 0px -100px;
}
.Login_Icon_favourite
{
    background-position: 0px -200px;
}
.Login_Icon_rent, .Login_Icon_user, .Login_Icon_pw
{
    padding-left: 45px;
}
div input.Login_Icon_rent, div input.Login_Icon_user, div input.Login_Icon_pw
{
    width: 235px;
}
.Login_Icon_rent
{
    background-position: 10px -290px;
}
.Login_Icon_user
{
    background-position: 10px -390px;
}
.Login_Icon_pw
{
    background-position: 12px -490px;
}
.Login_Icon_contect {
    width: 20em;
    vertical-align: middle;
    color: rgb(242, 109, 25);
    font-weight: bold;
}
.Login_Icon_contect:before
{
    display: inline-block;
    content: '';
    width: 20px;
    height: 20px;
    background-position: 0px -603px;
    vertical-align: middle;
}
.Login_body
{
    position: relative;
    height: 400px;
    margin: 0 auto;
}
* + html .Login_body, * + html .Login_body_inside
{
    height: 380px;
}
.Login_body_inside
{
    width: 1000px;
}
.Login_Head
{
    height: 75px;
    font-size: 14px;
}
.Login_Head img
{
    height: 70px;
    line-height: 60px;
}
.Login_Head ul
{
    margin-top: 45px;
}
.roll_bar_outdiv
{
    position: absolute;
    bottom: 5px;
    width: 100%;
    left: 0px;
}
.roll_bar_indiv
{
    width: 200px;
    margin: 0 auto;
}
.Login_show
{
    height: 500px;
    overflow: hidden;
    position: relative;
}
.horizontal li
{
    float: left;
}
.foldlist
{
    text-align: center;
    position: relative;
    z-index: 50;
}
.foldlist_panel_text
        {
            width: 250px;
            height: 60px;
            position:absolute;
            margin-top:15px;
            top:100%;
            left:50%;
            margin-left:-125px;
            border-radius:5px;
            background-color:#fff;
            box-shadow: 1px 3px 10px #dfdfdf;
            border:1px solid #ccc;
        }
        .foldlist_panel_text:before,
        .foldlist_panel_text:after{
            position:absolute;
            border-style:solid;
            border-color:transparent;
            border-width:15px;
            content:" ";
            width:0;
            height:0;
            left:50%;
            margin-left:-15px;
        }
        .foldlist_panel_text:before{
            top:-31px;
            border-bottom-color:#ccc;
        }
        .foldlist_panel_text:after{
            top:-30px;
            border-bottom-color:#fff;
        }
.foldlist_panel_text label
{
    position: relative;
    top: 12px;
}
.foldlist_panel_text ul
{
    margin: 0px;
    display: block;
    position: relative;
    top: 20px;
    left: 25px;
    letter-spacing: 0px;
}
.foldlist_panel_text ul li
{
    margin: 0px;
    cursor: text;
}
.foldlist_panel_text ul li a
{
    color: #456cd6;
}
.foldlist_panel_weixin
{
    width: 190px;
    height: 180px;
    right: -190px;
    top: -20px;
    background-image: url(/Images/login/foldlist_panel_weixin.png);
}
.foldlist_panel_weixin img
{
    position: relative;
    top: 15px;
    left: 5px;
    width: 150px;
    height: 150px;
}
.foldlist dd
{
    float: none;
    display: none;
    position: absolute;
    z-index: 50;
}
.foldlist dd.foldlist_leftmove10
{
    left: -10px;
}
.foldlist dd.foldlist_leftmove15
{
    left: -15px;
}
.foldlist dd.foldlist_leftmove20
{
    left: -20px;
}
.foldlist dd.foldlist_leftmove25
{
    left: -25px;
}
.foldlist dd.foldlist_leftmove30
{
    left: -30px;
}
.foldlist dd.foldlist_leftmove35
{
    left: -35px;
}
.foldlist dd.foldlist_leftmove40
{
    left: -40px;
}
.foldlist dd.foldlist_leftmove45
{
    left: -45px;
}
.foldlist dd.foldlist_leftmove50
{
    left: -50px;
}
.foldlist dd.foldlist_leftmove55
{
    left: -55px;
}
.Login_panel_weixinlog, .Login_panel_normallog, .Login_panel_ukeylog
{
    margin-top: 70px;
    position: relative;
    height: 280px;
}
.login_helper
{
    margin-top: 40px;
}
.Login_panel_weixinlog
{
    height: 300px;
    top: -10px;
}
.Login_panel_weixinlog label
{
    position: absolute;
    top: 220px;
    left: 80px;
    font-size: 16px;
    margin: 0px auto;
    color: #fff;
}
.Login_panel_weixinlog_border
{
    background-image: url(/Images/login/login_border.png);
    height: 197px;
    width: 197px;
    position: absolute;
    left: 58px;
    top: -80px;
    margin: 80px auto;
    padding: 7px;
    background-repeat: no-repeat;
}
.Login_panel_normallog input, .Login_panel_ukeylog input
{
    display: block;
    width: 280px;
    margin: 20px auto;
    height: 45px;
    border-radius: 5px;
    border: 1px solid #fff;
    font-size: 16px;
}
.Login_panel_normallog a, .Login_panel_ukeylog a
{
    color: #fff;
    margin: 16px 4px;
    text-decoration: underline;
}
.Login_fullbody
{
    width: 100%;
    font-size: 14px;
}
.Login_foot
{
    color: #707070;
}
.roll_bar
{
    position: absolute;
}
[class*="Login_show_background"]
{
    position: absolute;
    width: 100%;
    height: 500px;
    background-position: center;
    left: 0px;
}
.Login_show_background2 div
{
    height: 100%;
    width: 800px;
    margin: 0 auto;
    position: relative;
}
.Login_show_background2 a
{
    position: absolute;
    top: 76%;
    left: 23%;
    width: 270px;
    height: 70px;
    z-index: 2014;
    color: transparent;
}
.Login_tb_slide_on, .Login_tb_slide_a
{
    display: inline-block;
    width: 25px;
    height: 25px;
    margin: 0px 5px;
}
.Login_tb_slide_a
{
    background-position: 1px -800px;
}
.Login_tb_slide_on
{
    background-position: 1px -700px;
}
.Login_slide_index_icon
{
    background-image: url(/Images/login/login_icon.png);
}
.Login_show_background1
{
    background-image: url(/Images/login/login_show_a.jpg);
    background-size: contain;
    left: 0px;
    top: 0px;
}
.Login_show_background2
{
    background-image: url(/Images/login/login_show_b.jpg);
}
.Login_show_background3
{
    background-image: url(/Images/login/login_show_c.jpg);
}
.Login_show_background4
{
    background-image: url(/Images/login/login_show_d.jpg);
}
.login-helper
{
    padding-left: 20px;
}
.hidden{
    display: none !important;
}

.password-safe-alert-win {
    border-radius: 5px;
    background-color: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 9999;
    box-shadow:  0 5px 10px 2px rgba(255, 255, 255, 0.4);
}

.password-safe-alert-win-title{
    color:orange;
    border-bottom: 1px solid;
    padding: 20px 30px;
    font-size: 20px;
    white-space: nowrap;
}

.password-safe-win-content{
    padding: 20px 40px;
    margin:0 auto;
    width: 600px;
}

.password-safe-win-row{
    margin: 22px 20px;
}

.password-safe-win-row-aside:first-child{
    min-width: 5em;
    padding-right: .5em;
}

.password-safe-win-row-aside:last-child{
    min-width: 8rem;
    padding-left: .5em;
    font-size: .8em;
    color: #888;
}

.password-safe-win-row-aside,
.password-safe-win-row-body{
    display: table-cell;
    white-space: nowrap;
}

.password-safe-win-row-body{
    width: 999em;
}

.password-safe-win-row-body input.paw-ctrl{
    width: 100%;
    box-sizing: border-box;
    padding: 10px 15px;
    border: 1px solid #ccc;
    outline: none;
}
.password-safe-win-row-body input.paw-ctrl:focus{
    border:1px solid orange;
}

.password-safe-alert-win-mask{
    background-color: rgba(0, 0, 0, 0.7);
    position: fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index: 9998;
}

a.password-safe-win-btn,
.password-safe-win-btn{
    display: inline-block;
    background-color: orange;
    padding: 10px 15px;
    color: #fff;
    text-decoration: none;
}

.password-safe-win-row-body.center {
    text-align: center;
}
#divClientDownload
{
    height: 100%;
}
.download-list{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.download-list li + li
{
    margin-top: 20px;
}
.download-list a
{
    color: #888;
    font-size: 14px;
    text-decoration: underline;
    transition: color .3s;
}
.download-list a:hover
{
    color: #2572c9
}
.Login-Head{
    width:100%;
    height:75px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.fullimg{
    width:100%;
    height:100%;
}
.Login-Head-Logo{
    width:151px;
    height:28px;
    display:flex;
    margin-right:27px;
}
.Login-Head-Nav{
    font-size: 16px;
    color: #353535;
    cursor: pointer;
    font-weight:400;
    box-sizing:border-box;
    padding:0 23px;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
}
.Nav-Active{
    background: linear-gradient(0deg,#ffffff, #f6faff);
    color:#1E77FC;
}
.btn-Box{
    margin-left:87px;
    display:flex;
    align-items:center;
    visibility:hidden;
}
.btn-Box div:first-child{
    padding:0 20px;
    height: 36px;
    background: #ffffff;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:16px;
    color:#b2b2b2;
    margin-right:10px;
    cursor: pointer;
}
.btn-Box div:last-child{
    padding:0 20px;
    height: 36px;
    background: #1e77fc;
    border-radius: 4px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:16px;
    color:#FFFFFF;
    cursor: pointer;
}
.Login-Foot{
    width:100%;
    display:flex;
    justify-content:center;
    box-sizing:border-box;
    padding-bottom:86px;
}
.Login-QrCode-Box{
    width:60px;
    display:flex;
    flex-direction:column;
    align-items:center;
    margin-right:20px;
}
.Login-QrCode-Box div{
    width:60px;
    height:60px;
    display:flex;
}
.Login-QrCode-Box span{
    font-size: 12px;
    color: #888888;
    margin-top:3px;
}
.Login-Foot-Content{
    display:flex;
    flex-direction:column;
}
.Foot-Content-Top{
    display:flex;
    flex-direction:column;
}
.Foot-Content-Top>div{
    display:flex;
    align-items:center;
}
.Foot-Content-Top div:first-child>a{
    font-size: 14px;
    color: #888888;
    margin-right:20px;
    cursor: pointer;
}
.Foot-Content-Top>div:last-child{
    padding:10px 0;
    box-sizing:border-box;
}
.Foot-Content-Top>div:last-child>a,.Foot-Content-Top>div:last-child>div{
    font-size: 12px;
    color: #888888;
    margin-right:20px;
    
}
.Foot-Content-Top>div:last-child>a{
    cursor: pointer;
}
.Language-Btn{
    padding:0 21px;
    box-sizing:border-box;
    font-size: 14px;
    color: #888888;
    border-left: 1px solid #e6e6e6;
    cursor: pointer;
}
.Foot-Content-Bottom{
    display:flex;
    border-top: 1px solid #e8e8e8;
    padding-top:8px;
    box-sizing:border-box;
    font-size: 12px;
    color: #b2b2b2;
}
.Foot-Content-Bottom a
{
    color: #b2b2b2;
}
.Login_show2{
    width:100%;
    margin-bottom:51px;
}
.Login_show2 *{
    box-sizing:border-box;
}
.Page-Banner{
    width:100%;
}
.Page-Banner img{
    width:100%;
}
.Page-Item{
    width:100%;
    height:600px;
    border-bottom: 1px solid #e8e8e8;
    display:flex;
    justify-content: center;
    align-items:center;
}
.Page-Item:last-child{
    background: linear-gradient(180deg,#ffffff, #f6faff);
    border:none;
}

.Item-Content{
    display:flex;
    flex-direction:column;
}
.Item-Title{
    font-size: 36px;
    font-weight: 700;
    color: #353535;
    margin-bottom:24px;
}
.Item-Tips{
    font-size: 18px;
    font-weight: 400;
    color: #888;
    margin-bottom:81px;
    line-height: 27px;
}
.downLoad-Btn-Box{
    display:flex;
    
}
.downLoad-Btn-Box>div{
    display:flex;
    flex-direction:column;
    align-items:center;
}
.downLoad-Btn-Box>div:first-child{
    margin-right:48px;
}
.downLoad-Btn{
    padding:0 20px;
    height: 36px;
    background: #1e77fc;
    border-radius: 4px;
    font-size:18px;
    color:#fff;
    font-weight: 700;
    cursor: pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    width:fit-content;
}
.downLoad-Btn-Item{
    width:168px;
    position:relative;
}
.hover-btn,.click-btn{
    width:168px;
}
.dowLoad-Tip{
    font-size:12px;
    color:#b2b2b2;
    position:absolute;
    left:0;
    top:-31px;
    font-weight:400;
    width:max-content;
}
.downLoad-Btn:hover{
    background: #3585fc;
    color:#fff;
}
.downLoad-Btn:visited,.downLoad-Btn:hover,.downLoad-Btn:link,.downLoad-Btn:active{
    color:#fff;
}
.downLoad-Btn:active{
    background: #1b6be2;
    color:#fff;
}
.dowLoad-Pop-Box{
    width:205px;
    height:219px;
}
.dowLoad-Pop{
    width:205px;
    height:219px;
    display:flex;
    position: relative;
}
.dowLoad-img{
    width:152px;
    height:152px;
    display:flex;
    position:absolute;
    left:26px;
    top:34px;
}
.Item-Img{
    display:flex;
}
.DownLoad-Card{
    width: 326px;
    height: 420px;
    background: #ffffff;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    margin-right:50px;
}
.DownLoad-Card:last-child{
    margin:0;
}
.DownLoad-Card:hover{
    box-shadow: 0px 12px 24px 0px rgba(45,131,255,0.16); 
}
.Card-Logo{
    width:96px;
    height:96px;
    display:flex;
    margin-bottom:20px;
}
.Card-Title{
    font-size:28px;
    color:#353535;
    font-weight:700;
    margin-bottom:10px;
}
.Card-Tip{
    font-size:14px;
    color:#888;
    margin-bottom:50px;
}
.recommend-Box{
    display:flex;
    flex-direction:column;
    align-items:center;
}
.recommend-Pop{
    position:relative;
    padding: 0 10px;
    border-radius: 4px;
    height:22px;
    display:flex;
    background-color:#ffb854;
    font-size: 12px;
    color:#fff;
    font-weight:400;
    align-items: center;
    justify-content: center;
    margin-bottom:11px;
}
.recommend-Pop::after{
    content:'';
    position:absolute;
    width:0;
	height:0;
    border: 6px solid transparent;
    border-top-color: #ffb854;
    bottom: -12px;
}
.Mini-Code-Box{
    display:flex;
    flex-direction:column;
    align-items:center;
     width:128px;
}
.Mini-Code {
    width:128px;
    height:128px;
    display:flex;
    position:relative;
}
.QrCode{
    width:114px;
    height:114px;
    display:flex;
    position: absolute;
    top:7px;
    left:7px;
}
.Mini-Tip{
    margin-top:14px;
    font-size:14px;
    color:#b2b2b2;
}
.login-box {
    width: 330px;
    height: 330px;
    right: calc(50% - 500px);
    top: 135px;
    position: absolute;
    border-radius: 8px;
    background: #fff;
    box-sizing: border-box;
}
.login-change-btn{
    width: 50px;
    height: 50px;
    border-radius: 0 8px 0 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #EBF1FF;
}
.login-type{
    width: 34px;
    height: 34px;
}
.white-img {
    width: 50px;
    height: 50px;
    background: linear-gradient(45deg, #fff,#fff 50%,transparent 50%,transparent 100%);
    position: absolute;
    left: 0;
    top: 0;
}
.login-change-btn:hover .white-img{
    display: none;
}
.login-main{
    width: 100%;
    height:100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding:0 35px;
    box-sizing:border-box;
}
.login-title{
    font-weight: bold;
    color: #20242E;
    font-size: 18px;
    line-height: 1;
    margin: 35px 0 30px 0;
}
.login-form-list{
    height: 0;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.login-form-item{
    width: 260px;
    height: 44px;
    border-radius: 4px;
    background: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 0 14px;
}
.login-icon{
    width: 20px;
    height: 20px;
    margin-left: 8px;
}
.login-input{
    width: 0;
    flex-grow: 1;
    outline: none;
    border: none;
    background-color: transparent;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
     -webkit-box-shadow: 0 0 0 68px #f5f5f5 inset;
}
.login-bottom-box{
    width: 260px;
    height: 40px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom:35px;
    flex-direction:column;
}
.login-btn{
    width: 100%;
    height: 100%;
    border-radius: 4px;
    background: #407AF9;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
    cursor: pointer;
}
.login-other-btn{
    position: absolute;
    color:#407AF9;
    font-size: 12px;
    line-height: 12px;
    top:calc(100% + 11px);
    cursor: pointer;
    left:0;
    width:100%;
    text-align:center;
}
.login-tip{
    position: absolute;
    bottom: -32px;
    color: #86888B;
    font-size: 12px;
    line-height: 12px;
}
.primary-btn{
    color: #407AF9;
    line-height: 14px;
    font-size: 14px;
    cursor: pointer;
    border: none;
    outline: none;
    margin: 0;
    padding: 0;
}
.primary-btn:disabled{
    opacity: 0.5;
}
.login-form-left{
    display: flex;
    align-items: center;
    flex-grow: 1;
    width: 0;
}
.code-box{
    width: 70px;
    height: 23px;
    cursor: pointer;
}
.login-other-box{
    width: 100%;
    margin: 33px 0 21px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.check-btn{
    color: #20242E;
    font-size: 12px;
    line-height: 12px;
    display: flex;
    align-items: center;
    
}
.check-box-icon{
    width: 16px;
    height: 16px;
    margin-right: 8px;
    cursor: pointer;
}
.other-btn-group{
    display: flex;
    align-items: center;
}
.other-btn-group>input{
    height: 16px; 
    width: 16px; 
    margin-right: 8px;
}
.other-btn-group>a,.other-btn-group>label{
    color: #20242E !important;
    font-size: 12px;
    line-height: 12px;
    cursor: pointer;
    text-decoration: none;
}
.login-qrcode{
    width: 162px;
    height: 162px
}
.code-img{
    height: 23px;
    width: auto;
    cursor: pointer;
}
.login-qrcode-tip{
    color:#86888B;
    font-size:12px;
    line-height:1;
    margin-top:35px;
}

/* IM登录 */
.container-box{
    width: 100vw;
    height:100vh;
    display: flex;
    flex-direction: column;

}
.container-box *{
    box-sizing: border-box;
}
.head-box{
    width: 100%;
    height: 68px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0 14px;
}
.head-btn-group{
    padding: 0 6px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.head-btn-group>img{
    width: 24px;
    height: 24px;
    margin-right: 12px;
    cursor: pointer;
}
.head-btn-group>img:hover{
    opacity: 0.8;
}
.head-btn-group>img:last-child{
    margin-right: 0;
}
.main-box{
    width: 100%;
    height: 0;
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;

}
.im-bg{
    width: 330px;
    height: 330px;
    object-fit: cover;
}
.im-login-box{
    width: 330px;
    height: 330px;
    background: #fff;
    box-shadow: 0 0 20px rgba(206, 207, 209, 0.5);
    position: relative;
}
.im-login-title{
    font-weight: bold;
    color: #20242E;
    font-size: 22px;
    line-height: 1;
    margin: 25px 0 36px 0;
}
.im-login-logo-box{
    display: flex;
    flex-direction: column;
    margin-right: 70px;
}
.im-login-logo{
    width: 360px;
    margin-bottom: 18px;
}
.im-login-tip{
    width: 337px;
}
.refresh-btn{
    cursor: pointer;
    margin-left:10px;
    color: #0074FD;
}
.im-head-box{
    width:100%;
    height:30px;
    -webkit-app-region: drag;
}