.ibox-header
{
	padding: 10px;
  text-align: center;
   margin-bottom:20px;
   /*
   background:#f8fafb;
   border-bottom:1px solid #e5e5e5;
*/
}
.login-box {
position:absolute;top:50%;left:50%;margin-left:-240px;width:480px;
} 
.logbox {
 margin:0px auto; background:#fff; border-radius:7px;box-shadow: 0px 0px 20px #666;height:320px;
}
.loginer {
    width:350px;padding-top:10px;margin:0 auto; 
    text-align:center;
}
.login-footer {
position:absolute;bottom:15px;text-align:center;width:100%
}
.loginer img{
    max-width:100%;max-height:110px;min-height:80px;
}
.input-group {
    position: relative;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}
.form-icons .form-control-icon {
    position: absolute;
    top: 50%;
    left: 10px;
    z-index: 99;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color:#999999
}
.form-icons .form-control-icon+.form-control {
    padding-left: 30px;
    border-top-left-radius: .215rem;
    border-bottom-left-radius: .215rem;
}
#hero {
height:100%
}
#hero .video-tvc {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.logo-lefttop {
position:absolute;left:50px;top:40px;
}
.login-header {
    position: relative;
    height: 60px;
    margin-right: 20px;
    top: 20px;
}
.login-header h2.quick {
    background: url(/static/images/main/login-quick.png) no-repeat;
    background-size: 40px 40px;
    display: block;
}
.login-header h2 {
    display: none;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    padding: 0;
    margin: 0;
}
.login-header .login-tip {
    position: absolute;
    top: 0;
    display: none;
    right: 45px;
    margin: 0;
    padding: 0;
}
.login-header .login-tip-quick {
    display: block;
}
.login-header .login-tip .poptip .poptip-arrow {
    top: 8px;
    right: 0;
    position: absolute;
    z-index: 10;
}
.login-header .login-tip .poptip {
    padding: 5px 10px;
    background: #e6f9fc;
    border: 1px solid #14c2dd;
    height: 30px;
    position: relative;
    z-index: 99;
}
.login-header .login-tip .poptip .poptip-content {
    color: #14c2dd;
    font-size: 12px;
    font-weight: 400;
}
.login-header .login-tip .poptip .poptip-arrow em, .login-header .login-tip .poptip .poptip-arrow span {
    position: absolute;
    width: 0;
    height: 0;
    border-color: rgba(255,255,255,0);
    border-color: transparent \0;
    _border-color: tomato;
    _filter: chroma(color=tomato);
    border-style: solid;
    overflow: hidden;
    top: 0;
    left: 0;
}
.login-header .login-tip .poptip .poptip-arrow em {
    border-left-color: #14c2dd;
    top: 0;
    left: 1px;
    border-width: 6px 0 6px 6px;
}
.login-header .login-tip .poptip .poptip-arrow span {
    border-left-color: #e6f9fc;
    border-width: 6px 0 6px 6px;
}
.crm-register-container {
    color: rgba(255, 255, 255, 0.48);
    position: absolute;
    top: 42px;
    right: 40px;
}
[act="login_link"]:link, [act="login_link"]:visited, [act="reg_link"]:link, [act="reg_link"]:visited {
    color: white;
}
.crm-register-container > a {
    margin-left: 18px;
    border: 1px solid white;
    padding: 7px 24px;
    border-radius: 3px;
}
.crm-register-info {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.48);
    margin: 25px 0 8px 0;
}
.crm-register-info > a:link, .crm-register-info > a:visited {
    color: white;
}

.crm-register-info > input{
    margin: 0;
}
.crm-mobile-download-container {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.crm-mobile-download {
    position: absolute;
    transform: scale(0.8);
    /*width: 560px;*/
    /*margin: 0 auto 24px auto;*/
    text-align: center;
    right: 230px;
    bottom: 23px;
}

@media screen and (max-height: 530px) {
    .crm-mobile-download-container {
        display: none;
    }
}

@media screen and (max-height: 610px) {
    .crm-register-bg {
        padding-top: 0;
    }
}

.crm-mobile-download a {
    font-size: 16px;
    vertical-align: bottom;
    color: #fff;
    opacity: .9;
    line-height: 22px;
}
.crm-mobile-download a:hover{
    opacity: 1;
}

.crm-mobile-download i {
    margin-right: 6px;
}

.crm-mobile-download i.iphone {
    display: inline-block;
    width: 16px;
    height: 20px;
    opacity: .9;
    background: url(/static/images/login_os_ico.png) 0 0 no-repeat;
}

.crm-mobile-download i.android {
    display: inline-block;
    width: 17px;
    height: 20px;
    opacity: .9;
    background: url(/static/images/login_os_ico.png) 0 -31px no-repeat;
}

.crm-mobile-download span.line {
    font-size: 18px;
    display: inline-block;
    margin: 0 26px;
    vertical-align: bottom;
    color: #fff;
    opacity: .5;
}

.crm-mobile-download a:hover {
    text-decoration: none;
}

.crm-mobile-download a:hover i.iphone {
    opacity: 1;
}

.crm-mobile-download a:hover i.android {
    opacity: 1;
}

.mobile-download-tip {
    display:none;
    position: absolute;
    z-index: 9;
    width: 222px;
    padding: 10px 0;
    border: 1px solid #d0dae4;
    background: #fff;
}

.mobile-download-downarrow {
    position: absolute;
    right: 105px;
    bottom: -20px;
    display: block;
    border-width: 10px;
    border-style: solid;
    border-color: #d0dae4 transparent transparent transparent;
}

.mobile-download-downarrow-inner {
    position: absolute;
    top: -10px;
    right: -8px;
    display: block;
    border-width: 8px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
}

.mobile-download-content span.title {
    font-size: 16px;
    display: inline-block;
    margin: 10px 0 0 0;
    text-align: center;
    color: #3d5266;
}
.sh-download-content{
    font-size: 16px;
    z-index:10;
}
.crm-register-bg > .crm-mobile-download-container.sh-download-content {
    padding-bottom: 0;
}

.mobile-download-content p.sh-text{
    color: #475059;
    line-height: 30px;
    text-align: left;
    padding-bottom:40px;
}
.mobile-download-content span.shBtn{
    display: block;
    border: 1px solid #4B7EF3;
    border-radius: 4px;
    width: 100%;
    font-size: 16px;
    line-height: 40px;
    color: #4B7EF3;
    margin: 0 auto;
    text-decoration: none;
}
a.mobile-download-btn {
    font-size: 14px;
    line-height: 30px;
    display: inline-block;
    width: 190px;
    height: 30px;
    text-align: center;
    color: #475059;
}

a.mobile-download-btn span{
    text-decoration: underline;
    color: #3399cc;
}
a.mobile-download-btn span:hover{
    text-decoration: underline;
}
.android-tip {
    top: -235px;
    left: 81px;
}
.ios-tip {
    top: -235px;
    right:85px;
   /* padding: 45px 13px 75px;*/
}