html,body{
    height:100%;
    width:100%;
    margin:0;
    padding:0;
}
body{
    background:url('../images/login/bg.jpg') bottom center no-repeat;
    overflow:hidden;
    font-family: "微软雅黑";
    font-size: 14px;
    color:#333;
    background-size:cover;
}
h1,h2,h3,h4{
    font-weight:normal;
    margin:10px 0;
}
section.login-wrapper{
    overflow:hidden;
}
input:focus { outline: none; }
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
}
.text-btn,.text-line-btn > span{
    color:#888;
    transition-duration:0.3s;
    cursor: pointer;
}
.text-btn:hover,.text-line-btn:hover{
    color:#2196f3;
}
/*.text-line-btn:after{*/
/*content:'';*/
/*display:block;*/
/*height:1px;*/
/*width:0%;*/
/*background:#9E9E9E;*/
/*transition-duration: 0.5s;*/
/*margin:0 auto;*/
/*}*/
/*.text-line-btn:hover:after{*/
/*width:100%;*/
/*}*/
.fl{float:left;}
.fr{float:right;}
.login-wrapper ,.login-wrap{
    width:100%;
    height:100%;
    position: relative;
    color: #a5a5a5;
}
.login-cookie-tips{
    display: none;
    box-sizing: border-box;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 64px;
    line-height: 64px;
    font-size: 14px;
    color: #222;
    padding-left: 32px;
    background-color: rgba(255, 255, 255, 1);
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1);
    z-index: 2;
}
.login-cookie-tips .show-more-info {
    color: #2196F3;
    text-decoration: underline;
}
.login-cookie-tips .agree-btn{
    cursor: pointer;
    box-sizing: border-box;
    position: absolute;
    top: 12px;
    right: 32px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    padding: 0 16px;
    border-radius: 2px;
    border: 1px solid rgba(165, 165, 165, 1);
}
.login-wrap{
    width:42%;
    height:54%;
    margin:0 auto;
    min-height:490px;
    z-index: 1;
}
.logo-img{
    margin-bottom: 24px;
}
.logoTextName{
    color: #222222;
    font-weight: 600;
    font-size: 20px;
    margin: 0;
}
.logoTextTip{
    color: #222222;
    font-size: 14px;
    margin: 12px 0 0 0;
}
.login-container{
    width:100%;
    height:calc(100% - 32px);
    background:#fff;
    top:0px;
    z-index: 2;
    box-shadow:0 0 26px 0 rgba(0,0,0,.10);
}
.login-container,.login-container-shadow{
    position:absolute;
}
.login-container-shadow{
    background: rgb(236, 236, 236);
    bottom:0px;
    height:50%;
}
.login-container-shadow.shadow-one{
    width:calc(100% - 40px);
    margin:0 auto;
    bottom:20px;
    left:20px;
}
.login-container-shadow.shadow-two{
    width:calc(100% - 80px);
    margin:0 auto;
    bottom:10px;
    left:40px;
    background: rgba(182, 179, 179, 0.15);
}
.login-container-left,.login-container-right{
    position:relative;
    height:100%;
    padding:24px 20px;
    box-sizing: border-box;
}
.service-title{
    font-size:12px;
    color:#999;
}
.privacy-update-tip {
    height: 40px;
    line-height: 40px;
    color: #000;
    font-weight: 600;
    font-size: 14px;
}
.privacy-update-detail {
    margin-right: 12px;
    vertical-align: middle;
    font-weight: 400;
    color: #656566;
}
.login-form{
    margin-top:12px;
}
.img-wrap{
    position:absolute;
    bottom:0;
    left:0;
    font-size:0;
    width:100%;
    height:100%;
    overflow: hidden;
    opacity: 0.7;
}
.img-wrap img{
    width:100%;
    position:absolute;
    bottom:0;
    left:0;
}
.logo-wrap{
    position:relative;
    z-index: 2;
    padding:8px 20px;
}
.logo-img img{
    max-width:100%;
}
.logo-word{
    margin-top: 6px;
    margin-left:6px;
    font-size: 14px;
    letter-spacing: 1px;
    color: #ff7300;
}
.login-container-left{
    width:50%;
    background:#f4f3f0;
}
.login-container-right{
    width:50%;
    background:#fff;
}

.login-footer{
    width:100%;
    text-align: center;
    color: #888;
    position:absolute;
    bottom:120px;
}
.login-footer span{
    transition-duration:0.3s;
    transition-duration: 0.3s;
    font-size: 13px;
    font-family: arial;
    font-weight: normal;
}
.login-row{
    position:relative;
}
.login-row:after{
    content: '';
    display:block;
    clear:both;
}
.login-container-right > .yyList{
    /*z-index: 100;*/
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.login-text h2{
    color: #222;
}
/*输入框*/
.login-form-item{
    position:relative;
    margin-top:12px;
}
.login-form-item.login-checkbox-wrap{
    margin-top:10px;
}
.login-form-item.login-btn-wrap{
    margin-top:6px
}
.login-form-item:after{
    content: '';
    display: block;
    clear:both;
}
.login-label{
    position:absolute;
    top:11px;
    left:40px;
    color:#949494;
    background:#fff;
    pointer-events: none;
}
.login-input,.de-select{
    height:40px;
    width:100%;
    border: none;
    border-bottom: 1px solid #d9d9d9;
    border-radius: 3px;
    padding-left:40px;
    transition-duration:0.5s;
    box-sizing: border-box;
    background:rgba(255,255,255,.80);
}
.de-select{
    padding-left:0;
    cursor:pointer;
}
.de-select span{
    display:block;
    color: #222;
    height:40px;
    line-height: 40px;
    padding-left:40px;
    background:url(../images/login/arrow-down.png) right 14px center no-repeat;
}
.de-select ul{
    background:#fff;
    border:1px solid #d9d9d9;
    margin-top: 0;
    z-index: 9999;
    position: relative;
    /*box-shadow: 0 3px 1px 0 rgba(0,0,0,.25);*/
    padding-left:0;
    display:none;
    transition:all 0.3s;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -ms-transition:all 0.3s;
    padding:12px 0;
}
.de-select ul li{
    list-style: none;
    height:32px;
    line-height: 32px;
    padding-left:40px;
}
.de-select ul li:hover{
    background:#e8eaed;
}
.de-select.de-select-open span{
    background:url(../images/login/arrow-up.png) right 14px center no-repeat;
}
.de-select.de-select-open ul{
    display:block;
}
.user-icon,.pass-icon,.service-icon{
    position:absolute;
    top:10px;
    left:12px;
}
.login-input:focus{
    border-color: #9E9E9E;
}

/*复选框*/
.login-checkbox label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
    margin-right: 15px;
    font-size: 13px;
    margin-bottom: 6px;
    color: #888;
    transition: border 0.2s linear 0s,color 0.2s linear 0s;
    margin-bottom: 6px;
    direction: ltr;
}
.login-checkbox input[type=checkbox]{
    display:none;
}
.login-checkbox input[type=checkbox]:checked + label {
    color: #4d5056;
}
.login-checkbox input[type=checkbox]:checked + label:before {
    border: 1px solid #333;
}
.login-checkbox input[type=checkbox]:checked + label::after {
    color: #ffffff;
}
.login-checkbox input[type=checkbox]:checked + label::after {
    color: #333;
    content: "✔";
}
.login-checkbox label:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    position: absolute;
    left: 0px;
    top: 1.8px;
    background-color: #ffffff;
    border: 1px solid #c2c6cb;
    border-radius: 3px;
    transition: border 0.2s linear 0s,color 0.2s linear 0s;
}
.login-checkbox label:after {
    border-radius: 3px;
}
.login-form-item.login-checkbox-wrap.privacy-item{
    margin-top: 6px;
    margin-bottom: 6px;
    font-size: 13px;
}
.login-checkbox.privacy-label label{
    margin-right: 0px;
}
.login-checkbox label::after {
    display: inline-block;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 3px;
    top: 0px;
    font-size: 11px;
    transition: border 0.2s linear 0s,color 0.2s linear 0s;
}
:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.login-btn{
    height:40px;
    width:100%;
    border-radius: 3px;
    transition-duration:0.5s;
    box-sizing: border-box;
    line-height: 40px;
    text-align: center;
    cursor:pointer;
    padding:0 8px;
    /*border: 1px solid #a5a5a5;*/
    color: #fff;
    font-weight: bold;
    background: #ff7300;
}
.download-btn{
    height: 40px;
    width: 100%;
    border-radius: 3px;
    transition-duration: 0.5s;
    box-sizing: border-box;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    padding: 0 8px;
    border: 1px solid #a5a5a5;
    color: #a5a5a5;
    font-weight: bold;
    text-indent:20px;
}
.layui-layer-dialog .layui-layer-content{
    word-break:break-all !important;
}
.login-btn.login-box-shadow{
    box-shadow:0 4px 16px 3px rgba(41,165,247,0.3);
}
/*.login-btn:hover{*/
/*color: #fff;*/
/*border-color: #333;*/
/*background-color: #333;*/
/*}*/
.download-btn:hover{
    color: #333;
    border:1px solid #f08300;
}
/*v1.4.9样式改版 start*/
.download-wrap {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: static;
    margin-bottom: 16px;
}
.app-erwm {
    width: calc(50% - 80px);
    margin-right: 5px;
    padding: 0;
}
#oneAppTipRight .download-btn,
#oneAppTipRight .download-btn:hover,
#oneAppTipLeft .download-btn,
#oneAppTipLeft .download-btn:hover {
    border: none;
}
#oneAppTipRight .download-btn,
#oneAppTipLeft .download-btn {
    text-indent: 0;
    padding: 0;
}
#oneAppTipLeft .app-down-btn {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
/*v1.4.9样式改版 end*/
.login-btn.login-btn-line{
    background:transparent;
    border:1px solid #a5a5a5;
    box-shadow:none;
    color: #a5a5a5;
}
.download-btn.login-btn-android-blue{
    background:url(../images/login/android-orange.png)  16px center no-repeat;
    text-indent:20px;
}
.download-btn.login-btn-ios-blue{
    background:url(../images/login/apple-white.png) 12px center no-repeat;
    border: 1px solid #a5a5a5
}
.download-btn.login-btn-android-orange{
    background:url(../images/login/android-orange.png) 12px center no-repeat;
    /*text-indent:20px;*/
}
.download-btn.login-btn-ios-orange{
    background:url(../images/login/apple-white.png) 16px center no-repeat;
}
.download-btn.login-btn-sm{
    height:28px;
    line-height: 28px;
}
.forgot-pass,.login-guest{
    color:#949494;
    cursor:pointer;
}
.login-guest{
    /*background: url(../images/login/login-arrow-right.png) right center no-repeat;*/
    padding-right: 12px;
}
.login-fieldset{
    border:1px solid #e2e3e5;
}
.login-fieldset.login-app{
    border:0px solid #e2e3e5;
    border-top:1px solid #e2e3e5;
    text-align: center;
    margin:0;
    padding:0;
    color:#ccc;
    /*height:20px;*/
    margin-bottom:4px;

}
.registry{
    position:absolute;
    bottom:14px;
    width:calc(100% - 40px);
    text-align: center;
}
.registry .new-version{
    color: #FF8100;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 12px;
    cursor: pointer;
}
.version-text{
    position: relative;
    display: inline-block;
}
.version-text::after{
    content: '';
    width: 8px;
    height: 8px;
    border-left: 2px solid #FF8100;
    border-top:2px solid #FF8100;
    position: absolute;
    right: -10px;
    top: 3px;
    transform:rotate(135deg) translateY(-50%) ;
}
.registry .reg-text{
    display:inline-block;
    position:relative;
    z-index: 2;
    font-size:12px;
    line-height: 12px;
    color:#888;
}
.registry .reg-line{
    position:absolute;
    top:10px;
    height:1px;
    background:#d9d9d9;
    width:100%;
}
.registry .reg-text label{
    color: #ff7300;
    font-weight: bold;
    cursor: pointer;
}
.app-container.right{
    display:none;
}
.lang_icon{
    color: #3a3a3a;
    display: inline-block;
}
#guest a{
    line-height:normal;
    color:#888;
    vertical-align: middle;
}
@keyframes line-green{
    0%{
        width:0%;
        background:#39a7ff;
        opacity: 1;
    }
    25%{
        width:100%;
        background:#39a7ff;
        opacity: 1;
    }
    50%{
        width:0%;
        background:#39a7ff;
        opacity: 1;
    }
    100%{
        width:0%;
        background:#39a7ff;
        opacity: 1;
    }
}
@keyframes line-red{
    0%{
        width:0%;
        background:#eb6907;
        opacity: 1;
    }
    50%{
        width:0%;
        background:#eb6907;
        opacity: 1;
    }
    75%{
        width:100%;
        background:#eb6907;
        opacity: 1;
    }
    100%{
        width:0%;
        background:#eb6907;
        opacity: 1;
    }
}
@keyframes line-bg{
    0%{
        background:#39a7ff;
        opacity: 0.3;
    }
    100%{

        background:#eb6907;
        opacity: 0.3;
    }
}
@keyframes text-color{
    0%{color:#39a7ff }
    40%{color:#39a7ff }
    60%{color:#eb6907}
    100%{color:#eb6907}
}
.login-split{
    text-align: center;
    position: relative;
    width: 100%;
    height: 30px;
}
.login-split span{
    position:relative;
    display:inline-block;
    padding:0 6px;
    color: #222;
    font-size: 14px;
    z-index: 2;
    border-radius:20px;
}
.app-container{
    /*height:60px;*/
    position:absolute;
    bottom:0;
    width: 100%;
    left: 0;
    /*width:calc(100% - 40px);*/
    cursor: default;
    z-index: 2;
}
.app-container:hover + div.app-bg{
    background: rgba(0,0,0,.5);
}
.app-bg{
    width:100%;
    height:100px;
    background:rgba(0,0,0,.25);
    position:absolute;
    left:0;
    bottom:0;
}
.app-download{
    width:50%;
    position:relative;
    margin-top:4px;
}
.app-download:hover .app-name{
    color:#2196f3;
}
.ygl-logo{
    position:absolute;
    top:-110px;
    display:flex;
    align-items: center;
}

/*.app-download .app-name:after{
	height:14px;
	margin-left:-30px;
	margin-top:-16px;
	z-index: 1;
	width:0;
	content: '';
	display: block;
	background:rgba(33,150,243,.25);
	transition-duration: 0.35s;
}*/
.app-download .app-name span{
    position:relative;
    display: inline-block;
    /*margin-left:4px;*/
    transition-duration: 0.35s;
    float:right;
    /*position:absolute;*/
    /*top:25px;*/
    /*left:-5px;*/
    font-size:12px;
    line-height: 13px;
    /*white-space: nowrap;*/
    width:100%;
    overflow:hidden;
    margin-top:-5px;
    margin-top:-5px;
}
.app-download .app-name span.groupUserV2{
    margin-left:28px;
}
.app-download .app-name label{
    margin-left:0;
    transition-duration: 0.35s;
}
/*.app-download .app-name span:after{*/
/*content: '';*/
/*display: block;*/
/*height:1px;*/
/*width:0;*/
/*background:rgba(33,150,243,.5);*/
/*transition-duration: 0.35s;*/
/*}*/
.app-download .app-name.app-home span:after{
    background:rgba(240,131,0,0.5);
}

/*.app-download:hover .app-name:after{
	width:30%;
}*/
.app-download:hover .app-name.app-home{
    color:#eb6907;
}
.app-name{
    height:54px;
    line-height: 30px;
    text-align: left;
    transition-duration:0.35s;
    color:#a0a0a0;
    z-index: 2;
    top: -4px;
    position: relative;
    width: 100%;
    left: 0%;
}
.app-cloud{
    padding-left:24px;
}
.app-name span{
    color:#bbb;
}
.left .app-download .app-name span{
    color:#fff;
}
.left .app-name{
    color:#fff;
}
.app-download:hover .app-name span:after{
    width:100%;
}
.app-download:hover .app-name span{
    /*margin-left:8px;*/
    color:#2196f3;
}
.app-download:hover .app-name label{
    /*margin-left:4px;*/
    /*font-weight: bold;*/
    color:#2196f3;
}
.app-download:hover .app-name.app-home span,.app-download:hover .app-name.app-home label{
    color:#f08300;
}
.app-cloud{
    background:url(../images/login/isolarCloud-icon.png) 0px 5px no-repeat;
}
.app-home{
    background:url(../images/login/isolarHome-icon.png) 76px 4px no-repeat;
}
.left .app-cloud{
    background:url(../images/login/isolarCloud-icon-white.png) 0px 5px no-repeat;
}
.left .app-home{
    background-image:url(../images/login/isolarHome-icon-white.png);
}
/*.download-wrap{*/
/*position:absolute;*/
/*top:55px;*/
/*bottom: 0;*/
/*width:200%;*/
/*background:rgba(255,255,255,.75);*/
/*padding:16px;*/
/*box-sizing:border-box;*/
/*display:none;*/
/*box-shadow:0 4px 16px 3px #eee;*/
/*}*/
.download-wrap:after{
    content: '';
    display: block;
    clear:both;
}
.app-download:hover .app-cloud{
    background:url(../images/login/isolarCloud-icon-active.png) 0px 5px no-repeat;
}
.app-download:hover .app-home{
    background:url(../images/login/isolarHome-icon-active.png) 76px 4px no-repeat;
}
/*.app-erwm{*/
/*padding:4px;*/
/*background:rgba(255,255,255,.75);*/
/*z-index: 0;*/
/*text-align: center;*/
/*width: calc(50% - 5px);*/
/*box-sizing: border-box;*/
/*}*/
.app-down-btn{
    width:calc(50% - 5px);
}
.app-erwm img{
    width:100%;
}
/*.one-app.app-container{*/
/*height:53px;*/
/*}*/
.one-app .app-download,.one-app .download-wrap{
    width:100%;
}
/*.one-app .app-cloud{*/
/*margin-top:-60px;*/
/*height:100px;*/
/*}*/
/*.one-app .download-wrap{*/
/*margin-top:-15px;*/
/*}*/
.one-app .downloadAppTipV{
    pointer-events: none;
    width: 150px;
}
.login-split:before,
.login-split:after {
    content: '';
    display: block;
    width: calc((100% - 30px - 150px)/2); /* 30px:距离内容区域两边距离 150px: 中间文字width*/
    height: 1px;
    background: #222;
    position: absolute;
    top: 12px;
}
.login-split:before {
    left: 15px;
}
.login-split:after {
    right: 15px;
}
.one-app .login-split span{
    border-radius:2px;
    /* padding:2px 6px; */
}
.one-app .app-name{
    padding-left:0;
}
.one-app .login-split-line{
    margin-top:-14px;
}
.one-app.left .app-cloud,.one-app.right .app-cloud{
    background-image:none;
}
.one-app .app-download .app-name span:after{
    margin:2px auto;
}
/*切换语言*/
/* general styles */
.lang-list-wrap {
    /*position:absolute;*/
    /*right:0;*/
    /*top:12px;*/
    /*display: flex;*/
    /*flex-direction:row;*/
    /*align-items: center;*/
}
.lang-list-wrap:not(.on) .lang-wrap {
    display: none;
}
/*.lang-list-wrap:hover .lang-wrap{*/
    /*display:  block !important;*/
/*}*/
.yuyan, .yuyan ul {
    list-style: none;
    padding: 0;
    margin: 0;
    /*padding-left:25px;*/
}
.yuyan {
    display: flex;
    z-index: 2;
}
.yuyan li,.yuyan div.checkedYuyan {
    background: rgba(255,255,255,0);
    min-width: 50px;
    transition-duration:.5s;
    white-space: nowrap;
}
/*.yuyan li{*/
/*border-bottom: 1px solid rgba(242, 242, 242, 0.75);*/
/*}*/
.yuyan > div.checkedYuyan {
    display: inline-block;
    position: relative;
    /*background:url("../images/login/login-arrow-right.png") rgba(255,255,255,0) 94% 8px no-repeat;*/
    height:44px;
    position:relative;
}
.yuyan.login-guest{
    background:url("../images/login/login-arrow-right.png") rgba(255,255,255,1) 94% 6px no-repeat;
}
.yuyan.login-guest:hover{
    background:url("../images/login/login-arrow-left.png") rgba(255,255,255,1) 94% 6px no-repeat;
}
.yuyan.lang-list-wrap > div.checkedYuyan{
    background-image: none !important;
    width:90px;
}
.yuyan.lang-list-wrap:hover{
    background:url("../images/login/login-arrow-left.png") rgba(255,255,255,0) 94% 18px no-repeat;
}
.yuyan.lang-list-wrap{
    width: 124px;
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
    background: url(../images/login/login-arrow-right.png) rgba(255,255,255,0) 94% 18px no-repeat;
    height: 44px;
    justify-content: center;
    z-index: 10;
}
.yuyan > div.checkedYuyan:first-child {
    border-radius: 4px;
    margin-top:6px;
}

.yuyan a {
    border-left: 3px solid rgba(0, 0, 0, 0);
    color: #444;
    font-size: 14px;
    line-height: 42px;
    padding: 0 25px 0 0px;
    transition-duration:.5s;
    cursor:pointer;
}
.yuyan #loginLanguageDiv a{
    padding:0;
}
.yuyan .checkedYuyan > span > a{
    line-height:44px;
    height: 44px;
}
.yuyan ul a{
    padding: 0 15px 0 30px;
}
/* onhover styles */
/*.yuyan li:hover {*/
/*background:#fff;*/
/*}*/

/* yuyanList styles */
.lang-wrap {
    width: 50vw;
    background: #fff;
    position: absolute;
    right: -48px;
    padding: 0 25px 15px;
    font-size: 14px;
    border-radius: 2px;
    box-shadow: 0 0 15px 0 rgba(0,0,0,.15);
    z-index:10;
    top:-8px;
    opacity: 0.9;
}
.tips-lang-list{
    width:135px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.tips-lang-list .lang_icon{
    margin-right:3px;
}
.title-box{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #ccc;
}
.lang-title {
    height: 60px;
    line-height: 60px;
    color: #444;
}

.current-lang{
    width:108px;
    height:60px;
    line-height: 60px;
    display: inline-block;
    text-align: left;
    color: #444;
    font-size:14px;
}
.title-box .arrow-down{
    width:10px;
    height:10px;
    display: inline-block;
    background: url(../images/login/login-arrow-right.png) left bottom no-repeat;
    transform: rotate(90deg);
    position: absolute;
    top: 50%;
    margin-top: -2px;
    right: 22px;
}
.lang-triangle{
    width: 10px;
    height: 10px;
    border-left: 1px solid #cccccc;
    border-top:1px solid #cccccc;
    position: absolute;
    right: 62px;
    top:54px;
    transform:rotate(45deg) ;
    background: #fff;
}
.yuyanList {
    /*left: 100%;*/
    max-height: 0;
    /*position: absolute;*/
    /*top: 0;*/
    z-index: 0;

    display: flex;
    flex-wrap: wrap;
    padding-top: 10px;

    -webkit-perspective: 400px;
    -moz-perspective: 400px;
    -ms-perspective: 400px;
    -o-perspective: 400px;
    perspective: 400px;
}
#loginLanguageDiv .yuyanList li {
    width: 25%;
}
.yuyanList li {
    position:relative;
    opacity: 0;
    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -o-transform: rotateY(90deg);
    transform: rotateY(90deg);

    -webkit-transition: opacity .4s, -webkit-transform .5s;
    -moz-transition: opacity .4s, -moz-transform .5s;
    -ms-transition: opacity .4s, -ms-transform .5s;
    -o-transition: opacity .4s, -o-transform .5s;
    transition: opacity .4s, transform .5s;
}
.yuyan .yuyanList li:hover a {
    /*border-left: 3px solid #454545;*/
    /*border-radius: 0;*/
    /*color: #000;*/
    color: #ff7300;;
}
.yuyan:hover .yuyanList, .yuyan > div.checkedYuyan:focus .yuyanList {
    max-height: 2000px;
    z-index: 10;
}
.yuyan:hover .yuyanList li, .yuyan > div.checkedYuyan:focus .yuyanList li {
    opacity: 1;

    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

/* CSS3 delays for transition effects */
.yuyan:hover .yuyanList li:nth-child(1) {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.yuyan:hover .yuyanList li:nth-child(2) {
    -webkit-transition-delay: 50ms;
    -moz-transition-delay: 50ms;
    -ms-transition-delay: 50ms;
    -o-transition-delay: 50ms;
    transition-delay: 50ms;
}
.yuyan:hover .yuyanList li:nth-child(3) {
    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    -ms-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    transition-delay: 100ms;
}
.yuyan:hover .yuyanList li:nth-child(4) {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    -ms-transition-delay: 150ms;
    -o-transition-delay: 150ms;
    transition-delay: 150ms;
}
.yuyan:hover .yuyanList li:nth-child(5) {
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -ms-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms;
}
.yuyan:hover .yuyanList li:nth-child(6) {
    -webkit-transition-delay: 250ms;
    -moz-transition-delay: 250ms;
    -ms-transition-delay: 250ms;
    -o-transition-delay: 250ms;
    transition-delay: 250ms;
}
.yuyan:hover .yuyanList li:nth-child(7) {
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms;
}
.yuyan:hover .yuyanList li:nth-child(8) {
    -webkit-transition-delay: 350ms;
    -moz-transition-delay: 350ms;
    -ms-transition-delay: 350ms;
    -o-transition-delay: 350ms;
    transition-delay: 350ms;
}

.yuyanList li:nth-child(1) {
    -webkit-transition-delay: 350ms;
    -moz-transition-delay: 350ms;
    -ms-transition-delay: 350ms;
    -o-transition-delay: 350ms;
    transition-delay: 350ms;
}
.yuyanList li:nth-child(2) {
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms;
}
.yuyanList li:nth-child(3) {
    -webkit-transition-delay: 250ms;
    -moz-transition-delay: 250ms;
    -ms-transition-delay: 250ms;
    -o-transition-delay: 250ms;
    transition-delay: 250ms;
}
.yuyanList li:nth-child(4) {
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -ms-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms;
}
.yuyanList li:nth-child(5) {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    -ms-transition-delay: 150ms;
    -o-transition-delay: 150ms;
    transition-delay: 150ms;
}
.yuyanList li:nth-child(6) {
    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    -ms-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    transition-delay: 100ms;
}
.yuyanList li:nth-child(7) {
    -webkit-transition-delay: 50ms;
    -moz-transition-delay: 50ms;
    -ms-transition-delay: 50ms;
    -o-transition-delay: 50ms;
    transition-delay: 50ms;
}
.yuyanList li:nth-child(8) {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}

.yuyanList li i {
    display: inline-block;
    position: absolute;
    top: 38%;
    left: 10px;
    width: 16px;
    height: 11px;
}
.yuyanList li i.Chinese {
    background: url("../images/flag/Chinese.png")no-repeat;
}
.yuyanList li i.English {
    background: url("../images/flag/English.png")no-repeat;
}.yuyanList li i.Japanese {
     background: url("../images/flag/Japanese.png")no-repeat;
 }
.yuyanList li i.German {
    background: url("../images/flag/German.png")no-repeat;
}
/*巴西*/
.yuyanList li i.Brazil {
    background: url("../images/flag/Brazil.png")no-repeat;
}
/*葡萄牙*/
.yuyanList li i.PortBrazil {
    background: url("../images/flag/PortBrazil.png")no-repeat;
}
.yuyanList li i.Spain {
    background: url("../images/flag/Spain.png")no-repeat;
}
.yuyanList li i.Korean {
    background: url("../images/flag/Korean.png")no-repeat;
}
.yuyanList li i.Italy {
    background: url("../images/flag/Italy.png")no-repeat;
}
.yuyanList li i.French {
    background: url("../images/flag/French.png")no-repeat;
}
.yuyanList li i.Dutch {
    background: url("../images/flag/Dutch.png")no-repeat;
    right: 2px;
}
.layui-layer-content iframe{
    overflow-y: auto;
}
/*@media(max-width:1600px ) {
	h1, h2, h3, h4{
		margin:8px 0;
	}
	.login-form-item{
		margin-top:14px;
	}
	.yuyan > div.checkedYuyan:first-child{
		margin-top:0;
	}
}*/

/*尝试解决登录页输入框聚焦可输入无光标的问题*/
.login-password .login-input,.login-input{
    will-change: transform
}
/*修复登录页icon不展示的问题*/
.icon-server,.icon-account,.icon-password{
    z-index: 2;
}
/*去掉ie上默认的图标*/
::-ms-clear { display: none; }
::-ms-reveal { display: none; }
/*---------------------------------------1600---------------------------------------*/
@media(max-width:1600px){
    body{
        font-size:12px;
    }
    .login-wrap{
        height:54%;
        min-height:380px;
    }
    .yuyan.lang-list-wrap > div.checkedYuyan{
        width:70px;
    }

    .tips-lang-list{
        width: 135px;;
    }
    .current-lang{
        width:68px;
    }
    .title-box .arrow-down{
        right:12px;
    }
    .app-home,.app-download:hover .app-home{
        background-position:58px 4px;
    }
    .ygl-logo{
        top:-80px;
    }
    .login-container{
        height: calc(100% - 24px);
    }
    .login-container-shadow.shadow-one{
        bottom: 17px;
    }
    .login-password .login-input,.login-input{
        height:38px;
        background-size:14px;
    }
    .login-form-item.login-user{
        margin-top:0;
    }
    .login-label{
        top:11px;
    }
    .login-container-left, .login-container-right{
        padding:14px 16px;
    }
    .logo-word{
        font-size:14px;
    }
    .yuyan, .yuyan ul {
        padding-left:17px;
    }
    .yuyan a,.current-lang{
        font-size:12px;
    }
    .yuyan > div.checkedYuyan:first-child {
        margin-top: 10px;
    }
    .login-form-item{
        margin-top:14px;
    }
    .login-form-item.login-btn-wrap{
        margin-top:6px;
    }
    h2{
        margin:22px 0;
        font-size:14px;
    }
    .login-checkbox label{
        font-size:12px;
    }
    .login-btn{
        height:38px;
        line-height: 38px;
    }
    .login-footer{
        bottom:30px;
    }
    .app-container{
        /*width:calc(100% - 32px);*/
        bottom:6px;
    }
    .login-split-line {
        width:calc(100% - 32px);
    }
    .app-cloud{
        background:url(../images/login/isolarCloud-icon.png) 0px 5px no-repeat;
    }
    .app-name{
        height:50px;
    }
    /*.download-wrap{*/
    /*top:57px;*/
    /*}*/
    .login-fieldset.login-app{
        margin-bottom:3px;
    }
    .app-erwm{
        width: calc(100% - 50px);
        top:35px;
    }
    .user-icon,.pass-icon{
        top:9px;
    }
}
/*---------------------------------------1440---------------------------------------*/
@media (max-width:1440px) {
    .app-name{
        height:57px;
    }
    .app-download .app-name span{
        line-height:11px;
    }
    /*.download-wrap{*/
    /*top:64px;*/
    /*}*/
    .download-btn.login-btn-ios-blue{
        background:url(../images/login/apple-white.png) 8px center no-repeat
    }
    .download-btn.login-btn-android-blue{
        background:url(../images/login/android-orange.png)  8px center no-repeat
    }
    .download-btn.login-btn-ios-orange {
        background: url(../images/login/apple-white.png) 8px center no-repeat;
    }
    .download-btn.login-btn-android-orange {
        background: url(../images/login/android-orange.png) 8px center no-repeat;
    }
    /*.login-btn-ios-orange,.login-btn-android-orange,.login-btn-ios-blue,.login-btn-android-blue{*/
    /*text-align: right;*/
    /*}*/
}

/*---------------------------------------1366---------------------------------------*/
@media(max-width:1366px){
    h2 {
        margin: 12px 0;
        font-size: 14px;
    }
    .yuyan > div.checkedYuyan:first-child {
        margin-top: 0px;
    }
    .app-home,.app-download:hover .app-home{
        background-position:52px 4px;
    }
    .app-erwm {
        width: calc(50% - 35px);
    }
    .login-password .login-input,.login-input{
        height:32px;
        background-size:14px;
    }
    .login-wrap{
        width:48%;
    }
    .login-btn{
        height:32px;
        line-height: 32px;
    }
    .login-fieldset.login-app{
        margin-bottom:0;
    }
    .login-form-item{
        margin-top:12px;
    }
    .login-label{
        top:8px;
    }
    .user-icon,.pass-icon{
        top:8px;

    }
    .user-icon img,.pass-icon img{
        width:16px;
    }

    .logo-wrap{
        padding: 8px !important;
    }
    .logoImgSvg{
        display: none;
    }
    .logoImgText{
        display: none;
    }
    #logoImgSvg {
        width: 60%;
    }
    .logo-img {
        margin-bottom: 16px;
    }
    .logoTextName{
        font-size: 16px !important;
    }
    .logoTextTip{
        font-size: 12px !important;
        margin-top:8px !important;
    }
    .downloadAppTipV{
        font-size: 12px !important;
    }
}
@media(max-width:1024px){
    .app-home,.app-download:hover .app-home{
        background-position:14px 4px;
    }
    .app-name{
        top:2px;
    }
}
/*---------------------------------------420---------------------------------------*/
@media(max-width:990px){
    .login-container{
        background:transparent;
        box-shadow:none;
    }
    .login-wrap{
        width:48%;
    }
    #loginLanguageDiv .yuyanList{
        /*background: #fff;*/
        /*padding-left: 0px;*/
        /*left:auto;*/
        /*right:0;*/
        /*margin-left:160px;*/
        /*margin-top:-24px;*/
    }
    /*#loginLanguageDiv:hover .yuyanList{*/
    /*height:60vh;*/
    /*overflow:auto;*/
    /*}*/
    #loginLanguageDiv .listMask{
        position:fixed;
        width:100%;
        height:100%;
        top:0;
        left:0;
        background:rgba(0,0,0,.35);
        pointer-events: none;
        opacity:0;
        transition:all 0.3s;
    }
    #loginLanguageDiv:hover .listMask{
        opacity:1;
    }
    .registry {
        position: static;
        padding-top: 10px;
        padding-bottom: 15px;
    }
    .app-container {
        position: static;
    }
    .app-container.right{
        display:block;
    }
    /*.login-container-right{*/
    /*background:transparent;*/
    /*}*/
    .login-container-left{
        display:none;
    }
    .login-container-right{
        width:100%;
    }
    .login-wrap{
        width:38%;
        height:50%;
    }
    .login-container-shadow.shadow-one,.login-container-shadow.shadow-two{
        display:none;
    }
    .login-container{
        height:100%;
    }
    /*.login-footer{*/
    /*display:none;*/
    /*}*/
    .login-btn,.login-password .login-input, .login-input{
        height:38px;
        line-height: 38px;
    }
    /*.login-text h2,.text-line-btn,.login-checkbox label,.text-btn,.yuyan a,.app-name{*/
    /*color:#fff;*/
    /*}*/
    /*.app-name span{*/
    /*color:rgba(255,255,255,.75);*/
    /*}*/
    /*.yuyanList{*/
    /*top:43px;*/
    /*left:-60px;*/
    /*}*/
    .yuyanList a{
        color:#949494;
    }
    .login-container-left {
        display: block;
        height: 0;
        padding: 0;
    }
    .login-container-left div:not('.logo-wrap') {
        display: none;
    }
    .login-wrapper{
        background: #fff;
    }
    .logo-wrap {
        position: fixed;
        top: 20px;
        left: 30px;
    }
    .login-text {
        display: none;
    }
    .yuyan.lang-list-wrap {
        position: fixed;
        right: 57px;
        top: 50px;
        height: 32px;
        background: url(../images/login/login-arrow-right.png) rgba(255,255,255,0) 94% 14px no-repeat;
    }
    /*.yuyan.lang-list-wrap:hover {*/
        /*background: url(../images/login/login-arrow-left.png) rgba(255,255,255,0) 94% 14px no-repeat;*/
    /*}*/
    .lang-wrap {
        width: 80vw;
    }
    #loginLanguageDiv:hover .yuyanList {
        height: auto;
    }
    #loginLanguageDiv .yuyanList {
        margin-left: auto;
        margin-top: auto;
    }
    .login-input:focus {
        border-bottom-color: #ff7300;
    }
    .login-split span {
        background: #fff;
    }
}
@media(min-width:414px) and (max-width:768px){
    .login-wrap{
        width:58%;
        height:52%;
        login-wrapper: #fff;
    }
}
@media(max-width:375px){
    .login-form{
        margin-top:4px;
    }
    .registry{bottom:74px}
}
@media(max-width:360px){
    .login-wrap{
        height:75%;
    }
    .login-form{
        margin-top:0;
    }
    .registry{bottom:80px;z-index: 99;}
}
.iconfont {
    font-size: 20px;
}
.icon-server,.icon-account,.icon-password {
    position: absolute;
    top: 7px;
    left: 0px;
    color:#888;
}
.icon-eye-close, .icon-eye-open {
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 7px 10px;
    color: #888;
    cursor: pointer;
}
.icon-eye-open {
    display: none;
}
.login-footer-ul {
    list-style: none;
    display: flex;
    justify-content: center;
    position: absolute;
    bottom: 70px;
    width: 100%;
    padding: 0;
    color:#888;
}
.login-footer-ul .item{
    margin: 0 15px;
}
.login-footer-ul .item a {
    text-decoration: none;
    color: #a5a5a5;
    font-size: 12px;
}
#lisences a {color: #a5a5a5;}
.lang-wrap { display: none; }
#loginLanguageDiv:hover .lang-wrap {
    display: block;
}
#loginGuestDiv:hover .lang-wrap {
    display: block;
}
#loginGuestDiv .yuyanList {
    position: absolute;
    left: 100%;
    top: 0;
    width: auto;
    box-shadow: 0 0 15px 0 rgba(0,0,0,.15);
    background: #fff;
}
#loginLanguageDiv .yuyanList .beta {
    color: #fff;
    background-color: #FF0000;
    margin-left: 5px;
    display: inline-block;
    font-weight: 500;
    height: 19px;
    vertical-align: middle;
    line-height: 17px;
    width: 40px;
    text-align: center;
    border-radius: 20px;
}
/*鼠标移入显示手机下载范围变大*/
/*.app-name {*/
/*top: -4px;*/
/*position: relative;*/
/*width: 100%;*/
/*left: 0%;*/
/*}*/