html {background: url('../images/web2.png') #363c50 no-repeat top center;font-size: 10pt; background-size: 100%;
            -webkit-background-size: 100%;
            -o-background-size: 100%}
/*login head*/
#logHead{width: 100%; height:70px;z-index:1; position: relative;top: 0; left: 0;}
.head-wit{width: 1100px; margin: 0 auto;}
.loglogo { position: absolute; left:33px; top: 33px;}
.logPhone{ width: 170px;position: absolute ; right:0;padding-left: 42px; line-height:72px;background: url("../images/icon-tel.png") 0 25px no-repeat; color: #ffffff; font-size: 18px;}

/*login content*/
#logContent{width:380px;height:290px; position: absolute;
top:50%;
left:50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
transform:translate(-50%,-50%);
margin-top: -43px;
}
#logContent .wordBox {position: absolute; width:360px; height:200px;color: #ffffff; left:0;top:50%; margin:-100px 0 0px 0px;
}
#logContent .wordBox img{width:100%;height:100%}
/* #logContent .wordBox h1{ font-size:36px; font-weight: 400; padding-bottom:36px;}
#logContent .wordBox p{ font-size: 16px; line-height:28px;} */
#logFooter{ position: fixed; z-index: 9;bottom: 0;width: 100%;height:60px; background: #2EC9FF; text-align: center;}/* background: rgba(0,0,0,.2) */
#logFooter p{line-height:1;font-size: 14px; color: #fff;}

/*login box*/
.loginBoxa {width: 100%;position: absolute;border-radius: 11px;}
.loginBoxa .J-user-login {width:100%;box-sizing:border-box;padding: 65px 20px 10px 20px;background: #B8EBFF;background-size: 100% 100%;border-bottom-left-radius:10px;border-bottom-right-radius:10px;
/* -webkit-box-reflect:below 10px -webkit-linear-gradient(transparent,transparent 50%,rgba(0,0,0,.1));  */}
.login-tabs {width: 100%;box-sizing:border-box;height:65px;position: relative;background:#2EC9FF;border-top-left-radius:10px;border-top-right-radius:10px;}
.login-tabs ul {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack:left;-ms-flex-pack: left;justify-content: left;-ms-flex-wrap: wrap;flex-wrap: wrap;list-style-type: none;padding: 0;
width:100%;padding-left: 20px;padding-top: 15px;box-sizing: border-box;}
.login-tabs li {float: left;font-size: 16px; margin-right: 40px;line-height: 32px;cursor: pointer; font-weight: bold;text-align: center; color: #77787A;}
.login-tabs li.active{border-bottom: 2px solid #2EC9FF; color:#2EC9FF;}
.login-tabs h2{font-weight: bold;font-size:16px;text-align:center;color:#fff;letter-spacing:4px;line-height: 65px;}
.target {position: absolute;border-bottom: 4px solid transparent;z-index:1;-webkit-transform: translateX(-60px);transform: translateX(-60px);}

.J-user-wrapper .J-inputwrapper {height: 32px;margin-bottom:14px;position: relative;background: #fff;padding-left: 10px;border:none;border-radius:4px;}
.J-user-wrapper .J-inputwrapper span{line-height:32px;color: #999999;font-weight:bold;width:80px;}
.J-user-wrapper .J-inputwrapper input {height:32px;line-height:32px;width:240px;background-color:transparent !important;border: none;}
.J-user-wrapper .J-inputwrapper input::-ms-clear {display: none;}
.J-user-wrapper .J-inputwrapper input::-ms-reveal {display: none;}
.J-user-wrapper .J-inputwrapper input:-internal-autofill-previewed,
.J-user-wrapper .J-inputwrapper input:-internal-autofill-selected {
    -webkit-text-fill-color: #000;
    transition: background-color 5000s ease-out 0.5s;
} 
.J-inputwrapper input::-webkit-input-placeholder { /* WebKit browsers */
  color: #ccc;
}

.J-inputwrapper input::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #ccc;
}

.J-inputwrapper input:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #ccc;
}   
.J-user-wrapper .J-yzm input {width: 180px !important;float: left;}
.J-user-wrapper .J-inputwrapper i {position: absolute;left: 10px;width: 20px;height: 20px;display: block;top: 10px;}
.J-user-wrapper .qr-img{width:210px;height:210px;position: absolute;left:50%;top:50%;margin:-105px 0 0 -105px;}
.pass-button {width:114px;position: absolute;height: 32px;background-color: #00ABEA;margin: 0 auto;border-radius:3px;
            color: #fff;cursor: pointer;font-size: 16px;text-align: center !important;flex-direction: inherit;line-height: 30px;font-weight: 700;display: block;margin-left: 115px;
}/* width:344px;1 */
.pass-button-SMS {width:114px;position: absolute;height: 32px;background-color: #00ABEA;margin: 0 auto;border-radius:3px;
            color: #fff;cursor: pointer;font-size: 16px;text-align: center !important;flex-direction: inherit;line-height: 30px;font-weight: 700;display: block;margin-left: 115px;
}/* width:344px;1 */
.loginConter ul {display: none;}
#getCode {height: 32px;margin-bottom: 5px;border: none;}
.banner {
    width: 100%;
    min-width: 1100px;
    height: 620px;
    overflow: hidden;
    position: relative;
    background: url('../images/login-bg.jpg') no-repeat center center;
    background-size:cover;
}
.banner > ul {
    display: none;
    /*width: 999999999px;*/
    height: 500px;
    position: absolute;
    top:0;
    left: 0;
}
.banner > ul > li  {
    float: left;
    height: 500px;
    width: 100%;
}
.banner li.loginBanner1{
  background: url('../images/login-bg.jpg') no-repeat center;
}
.banner li.loginBanner2{
  background: url('../images/login-banner41.jpg') no-repeat center;
}
.banner > ul > li > a {
    display: block;
    font-size: 200px;
    text-align: center;
    line-height: 500px;
    font-weight: bold;
}
.left-btn,.right-btn {
    width: 61px;
    height: 61px;
    position: absolute;
    top: 45%;
    right: 30px;
    /* background: url("../img/right-1.png"); */
    cursor: pointer;
}
.left-btn {
    left: 30px;
    /* background: url("../img/left-1.png"); */
}
.img-btn-list {
    width: 100%;
    position: absolute;
    bottom: 10px;
    left: 0;
    text-align: center;
}
.img-btn-list > span  {
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 12px;
    margin: 0 5px;
    background: rgba(0,0,0,0.8);
    cursor: pointer;
}
.img-btn-list > span.current {
    border: 3px solid rgba(0,0,0,0.8);
    background: rgba(255,255,255,0.8);
}
#ali-login-layer{width: 100%;background: #f8f9fc;}
.login-main{margin: 0 auto; width: 1100px; }
.login-head{height:180px; text-align: center; background:url('../images/log-cion.png') no-repeat center;}
.login-head h3{font-size: 24px; line-height: 180px;color: #31384f; font-weight: bold;}

.product-layer{}
.product-layer ul{height:530px;}
.product-layer ul li{width: 200px; height: 200px; background: #fff; float: left; box-shadow: 4px 4px 2px #eaeaea; margin-left: 60px; margin-bottom:50px;border-radius:10px; text-align: center;}
.product-layer ul li:hover{box-shadow: 4px 4px 2px #d2f3f7;}
.ali-product-icon{width: 110px; height: 110px; margin: 20px 0 14px 44px;}
.product-layer ul li span{font-size:18px;}

.login-footer{width: 100%; min-width:1100px;height:120px; background: #414759; padding-top: 30px; text-align: center;}
.login-footer p{line-height: 30px;font-size: 14px; color: #fff;}
/* language change   */
.dropdown-language-login{height:50px;width:88px;position:absolute;right:230px;border-right:0;top:12px;}
.dropdown-lan{ display:block;padding: 16px 0px; height:18px; line-height:18px;text-align:center;}
.dropdown-menu-l {padding:10px 0;-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);-webkit-transition: opacity 0.15s, visibility 0s 0.15s;transition: opacity 0.15s, visibility 0s 0.15s;}
.dropdown-menu-l a{display:inline-block;padding-left:12px;line-height:36px;width:100%;}
.dropdown-menu-l li{position: relative;}
.dropdown-menu-l a:hover,.dropdown-menu-l li:hover{ background-color:#ccc;}
.dropdown-menu-l a.active-l,.dropdown-menu-l li.active-l{ background-color:#88B7E0;color:#fff;}
.dropdown-menu-l a{background-color:rgb(46,56,83);color:#5a5a5a;}
.dropdown-menu-l{ background:rgba(46,56,83,.6); position:absolute;top: 50px;right: 0px;width: 100%;z-index: 9999999999999999;}
.dropdown-menu-l i{font-size:18px;color:#333;position: absolute; top:5px; left:7px;}
.dropdown-menu-l i.fa-chevron-right{top: 5px;right: 7px;}
.dropdown-menu-l li.divider i{ font-size:16px;}
.dropdown-menu-l {display: none;}
.dropdown-language-login a{color: #fff;font-size: 14px;}


/* 屏幕小于1023px (横屏 ipad) 的样式*/
@media only screen and (max-width: 1023px){
   #logContent {
   	  width: 345px;
   }
   .J-user-wrapper .J-inputwrapper input{
   	  width:calc(100% - 100px);
   }
   .pass-button,.pass-button-SMS{
   		margin-left: 98px;
   }
}
@media only screen and (max-width: 768px){
   html {
    	background: url(../images/web-ipad.png) no-repeat top center;
   }
}