html,body{
    width: 100%;
    height: 100%;
}
.head{width: 100%;height:80px;}
.header{width: 1100px;height:80px;margin: 0 auto;}
.logo{padding-top:20px;float: left;}
.fen{width:1px;height: 70px;;border: 1px solid #0c66b2;float: left;margin-top:5px;margin-left:5px;}
.xtmc{float: left;margin-left:15px;font-size: 20px;color:#0c66b2;padding-top:25px;}
.middle{width:100%;height: 580px;background-image: url(img/system_login/middle-bg.png)}
.middler{width:1100px;height: 580px;margin: 0 auto;}
.pt{float: left;width:70%;height: 580px;margin-top:80px;}
.zhanghao{float: left;width:30%;height: 580px;}
.zhanghao-wk{width:350px;height:390px;background-color: #fff;margin-top:80px;border-radius: 5px;}
.foot{width: 100%;height: 217px;}
.footer{width:1100px;height: 217px;;margin: 0 auto}
.foot1{width:200px;height: 217px;position: absolute;}
.foot2{position: absolute;width:50%;height: 217px;margin-left: 200px;}
.low{width:100%;height:50px;background-color: #f5f5f5}
.lower{width:1100px;height: 80px;margin: 0 auto}
.foot1-title{margin-top:26px;}
.foot1-nr{margin-top:30px;}
.foot2-title{margin-top:26px;width: 100%}
.foot2-nr{margin-top:30px;}
.zhanghao-title{padding-top:22px;padding-left: 62px;}

.project{width:270px;height: 40px;border:1px solid gray;background-color: #fff;margin-left:38px;margin-top: 15px;}
.user{width:270px;height: 40px;border:1px solid gray;background-color: #fff;margin-left:38px;}
.password{width:270px;height: 40px;border:1px solid gray;background-color: #fff;margin-left:38px;}
.login-bt{width:270px;height: 40px;border-radius: 30px;border:none;background-color: #0d72c8;color: #fff;font-size:16px;}
.malist{padding-left:0px;}
.malist li{float: left;list-style: none;padding-left: 0px;padding-right: 30px;}

#canvas{
    border:1px solid #ccc;
    border-radius: 5px;
    cursor: pointer;
    position: absolute;
}
.top_xialaX {
    display: none;
    position: absolute;
    width: 160px;
    height: auto;
    background: #fff;
    right: 400px;
    top: 70px;
}

.top_xialaX div input {
    float: left;
    margin-left: 5px;
    color: #aaaaaa;
    width: 150px;
    height: 30px;
    border: 0px;
    border-bottom: 1px solid #aaaaaa;
    background: #fff;
}

.top_tanxX {
    position: absolute;
    top: -6px;
    right: 17px;
}

.top_xialaX div input:hover {
    color: #015db2 !important;
}
.main_own{
    width: 100%;
    height: 100%;
    background-image: linear-gradient(135deg, rgba(44, 107, 238, 1) 0%, rgba(44, 107, 238, 1) 0%, rgba(19, 43, 165, 1) 100%, rgba(19, 43, 165, 1) 100%);
}
/*克莱克森*/
.main_own.main_klks{
    background: transparent url("img/login_bg.png") center/100% 100% no-repeat;
}
.main_own.main_klks .xtmc{
    background-color: #2053ce;
    line-height: 40px;
    width: 100%;
    border-radius: 5px 5px 0 0;
}
.main_own.main_klks .lower,.main_own.main_klks .foot1-nr,.main_own.main_klks .foot1-title,.main_own.main_klks .foot2-title{
    color: #2053ce;
}
.main_own .head{
    background-color: transparent;
    height: 140px;
}
.main_own .middle{
    background-image: unset;
}
.main_own .header{
    width: 91.6%;
    height: 140px;
}
.main_own .logo{
    margin-left: 0px;
    margin-top: 40px;
    padding-top: 0;
    position: absolute;
    left: 40px;
}
.main_own .logo img{
    width: 150px !important;
    height: 60px !important;
}
.main_own .middler{
    width: 91.6%;
    height: auto;
}
.main_own .pt{
    width: calc(100% - 580px) ;
    margin-top: 0;
}
.main_own .pt img{
    width: 100% !important;
    height: 100% !important;
}
.main_own .zhanghao{
    width: 420px;
    height: auto;
    margin-left: 80px;
    margin-top: 0;
    position: relative;
}
.main_own .zhanghao-wk{
    width: 420px;
    height: 490px;
    background-color: #2053ce;
    border-radius: 5px;
    margin-top: 0;
}
.main_own .zhanghao-wk .project,.main_own .zhanghao-wk .user,.main_own .zhanghao-wk .password{
    width: calc(100% - 140px);
    margin: 10px auto;
    background-color: transparent;
    border-left: 0;
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid #406cd4;
}
.main_own .zhanghao-wk .project input,.main_own .zhanghao-wk .user input,.main_own .zhanghao-wk .password input{
    width: 234px !important;
    background-color: transparent;
    outline-style: none;
    color: #ffffff;
}
.main_own .zhanghao-wk  input::-webkit-input-placeholder{
    color: #6b8edf;
}
.main_own .zhanghao-wk .zhanghao-nr3{
    width: calc(100% - 140px);
    margin: 10px auto;
}
.main_own .zhanghao-wk .zhanghao-nr3 input{
    background-color: transparent;
    outline-style: none;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    border-bottom: 1px solid #406cd4;
    color: #ffffff;
}
.main_own .zhanghao-wk .zhanghao-nr3 img{
    border-radius: 3px;
    cursor: pointer;
}
.main_own .login-bt{
    width: calc(100% - 140px);
    background-color: #3179ff;
    transition: all 200ms ease-in;
    line-height: 40px;
}
.main_own .zhanghao-nr5{
    width: calc(100% - 140px);
    margin: 0 auto;
}
.main_own .zhanghao-nr5 .btn1{
    color: #e8edfa;
}
.main_own .zhanghao-nr5 .btn2{
    color: #849ee0;
}
.main_own .zhanghao-title{
    width: calc(100% - 140px);
    padding: 30px 0 10px;
    margin: 0 auto;
    color: #e8edfa;
}
.main_own .low{
    background-color: transparent;
    height: auto;
}
.main_own .lower{
    width: 100%;
    height: auto;
    padding: 20px 0 ;
    color: #ffffff;
}
.main_own .foot{
    position: relative;
}
.main_own .footer{
    width: auto;
    min-width: 420px;
    height: auto;
    position: absolute;
    right: 0;
    color: #ffffff;
    display: flex;
}
.main_own .footer .foot2{
    position: unset;
    margin: 0 0 0 20px;
    width: unset;
}
.main_own .footer .foot1{
    position: unset;
    margin: 0 0 0 20px;
    width: unset;
    min-width: 170px;
}
.main_own .footer .foot2-nr,.main_own .footer .foot1-nr{
    margin-top: 10px;
}

.main_own .footer .foot2-nr img{
    border-radius: 5px;
}
.main_own .xtmc{
    position: absolute;
    top: -30px;
    padding: 0 0 0 10px;
    margin: 0;
    color: #ffffff;
    font-size: 14px;
}
.languageBox{
    width: 192px;
    float: right;
    margin-top: 40px;
    position: relative;
}
.language_icon{
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url("img/system_login/language.png") center/100% 100% no-repeat;
    position: relative;
    top: -3px;
}
.language_tit{
    color: #ffffff;
    display: inline-block;
    width: 80px;
    overflow: hidden;
}
.languageUp{
    width:10px;
    height:6px;
    transform: rotate(180deg);
    position: relative;top: -5px;
}
.languageDown{
    display: none;
    width:10px;
    height:6px;
}
.main_own .top_xialaX {
    display: none;
    position: absolute;
    width: 160px;
    height: auto;
    background: #fff;
    right: 136px;
    top: 32px;
    z-index: 1;
}


/*油田*/
.youtian{
    width: 100%;
    height: 100%;
}
.youtian_h_t{
    width: 100%;
    height: 26%;
    background-image: linear-gradient(to bottom,#c3cad4,#ebedef);
}
.youtian_h_c{
    width: 100%;
    height: 40%;
    position: relative;
    background-color: #ebedef;
}
.youtian_c_bg{
    width: 100%;
    height: 160%;
    background: url("img/youtian/picture.png") center top/100% 100% no-repeat;
    position: absolute;
    top: -160px;
}
.youtian_h_b{
    width: 100%;
    height: 34%;
    background-image: linear-gradient(to top,#c3cad4,#ebedef);
}
.youtian_foot{
    width: 100%;
    height: 50px;
    background-image: linear-gradient(to right, #15d9a0,#1175bf);
    position: absolute;
    bottom: 0;
    text-align: center;
    line-height: 50px;
    color: #ffffff;
}
.youtian_form_cont{
    width: 660px;
    height: auto;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -30px;
}
.youtian_logo{
    width: 80px;
    height: 80px;
    margin: 0 auto;
}
.youtian_logo img{
    width: 100%;
    height: 100%;
}
.youtian_name{
    font-size: 30px;
    text-align: center;
    margin: 20px 0;
    font-weight: 800;
    -webkit-text-stroke: 1px #ffffff;
    letter-spacing: 4px;
}
.youtian_form{
    width: 420px;
    background-color: #ffffff;
    background-clip: content-box;
    border-radius: 6px;
    border: 10px solid rgba(255,255,255,0.5);
    left: calc(50% - 210px);
    top: 235px;
   /* margin: 30px auto 0;*/
    position: fixed;
    z-index: 1;
}
.youtian_form-title{
    cursor: pointer;
    font-size:16px;
    font-weight:bold;
    color: #007ae1;
    font-family:'微软雅黑';
    padding: 50px 0 20px;
    display: flex;
}
.youtian_form-title span{
   width: 50%;
    text-align: center;
}
.youtian_form-nr{
    width: 300px;
    margin: 0 auto;
    height: auto;
}
.youtian_form_project{
    width: 100%;
}
.youtian_form_item{
    width: 100%;
    border-bottom:1px solid #dddddd ;
    padding: 6px 0;
    margin-bottom: 16px;
}
.youtian_form_item input{
    border: 0;
    outline-style: none;
}
.youtian_form_item .item_icon{
    width: 20px;
    height: 20px;
}
.youtian_form_b{
    background: url("img/youtian/dizuo.png") center bottom/100% 100% no-repeat;
    width: 100%;
    height: 200px;
    position: absolute;
    bottom: -120px;
}

/*领云时代*/
.main_lysd{
    background-image: linear-gradient(45deg, #2440a0, #173084);
}
.main_lysd .zhanghao-wk{
    background-color: transparent;
    border: 1px solid #ffffff;
    border-radius: 50px;
    width: 394px;
}
.main_lysd .zhanghao-wk .password,.main_lysd .zhanghao-wk .project,.main_lysd .zhanghao-wk .user{
    width: calc(100% - 114px);
    border-bottom: 1px solid #8492c0;
}
.main_lysd .zhanghao-wk .zhanghao-nr3{
    width: calc(100% - 114px);
}
.main_lysd .zhanghao-wk .zhanghao-nr3 input{
    border-bottom: 1px solid #8492c0;
}
.main_lysd .login-bt{
    width: calc(100% - 114px);
    background-color: #ffffff;
    transition: all 200ms ease-in;
    color: #193286;
    font-weight: bold;
}
.main_lysd .zhanghao-nr5{
   text-align: right;
}
.main_lysd .zhanghao-title{
   width: calc(100% - 100px);
    font-weight: bold;
    color: #d9ddeb;
}
.main_lysd .zhanghao-wk  input::-webkit-input-placeholder{
    color: #d9ddeb;
 }