/**
 * Created by jwj on 2020/3/9.
 */

.loginPage {
    width: 100vw;
    height: 100vh;
    background:radial-gradient(circle,rgba(247,250,249,1) 0%,rgba(218,223,223,1) 100%);
    min-height: 570px;
    min-width: 960px;
}
.loginPanel {
    height: 100%;
    background: transparent;
}
.login-top {
    height: 20% !important;
    background: transparent !important;
    display: flex;
    justify-content: center;
    align-items: center;
}
.login-title {
    text-align: center;
    font-size:48px;
    font-family:Microsoft YaHei;
    font-weight:bold;
    color:rgba(51,51,51,1);
    opacity:0.8;
}
.login-input {
    width: 80%;
}
.login-input .form-control{
    padding: 6px 0px;
    
    border: none;
    border-bottom: 1px solid #ccc;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.input-group-addon {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #ccc;
    border-radius: 0px;
}
.loginCaozuo {
    margin-top: 5px;
    width: 80%;
}
.loginCaozuo >.sp1 {
    float: right;
    font-size:14px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(112,112,112,1);
    opacity:1;
    cursor: pointer;
}
.loginCaozuo >.sp1:hover{
   color: rgba(43,133,228,1);
}
.login-btn {
    width: 80%;
    margin-top: 5%;
    background:linear-gradient(90deg,rgba(2,151,215,1) 0%,rgba(43,133,228,1) 100%);
    font-size:16px;
    font-family:Microsoft YaHei;
    font-weight:400;
    line-height:21px;
    color:rgba(255,255,255,1);
}
.login-content {
    height: 66% !important;
    background-image: url(../img/background.png);
    background-size: 100% 100%;
}
.loginForm {
    height: 100%;
    padding-left: 20%;
    padding-right: 20%;
}
.loginForm-image {
    float: left;
    height: 100%;
    width: 50%;
    background: url(../img/login-icon.png);
    background-size: 100% 100%;
}
.loginForm-table {
    height: 100%;
    background:rgba(255,255,255,1);
    box-shadow:3px 3px 6px rgba(0,0,0,0.16);
    opacity:1;
    border-radius:8px;
    margin-left: 100px;
}
.fmClass {
    margin-left: calc(50% - 50px);
    height: 100%;
}
.loginTitle {
    padding-top: calc(0.09 * 100vh);
    padding-bottom:calc(0.06 * 100vh);
    width: 80%;
    text-align: center;
    font-size:32px;
    font-family:Microsoft YaHei;
    font-weight:bold;
    color:rgba(51,51,51,1);
    opacity:1;
}
.login-bottom {
    position: fixed;
    bottom: 0px;
    width: 100%;
    height: 14% !important;
    background: transparent;
}

.indexPage {
    min-height: 580px !important;
    min-width: 1100px !important;
}
.panel {
    margin-bottom: 0px;
}

.menu-body {
    width: 100%;
    height: 100%;
    background: url(../img/background.png);
    background-size: 100% 100%;
}
.menu-block {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.upPwdModal {
    top:25% !important;
}
.pwd-title {
    text-align: left;
    font-size:14px;
    font-family:Microsoft YaHei;
    font-weight:bold;
    line-height:24px;
    color:rgba(51,51,51,1);
    opacity:1;
    padding-top:42px;
    margin-left:25px; 
}
.pwd-header {
    border-bottom:none;
}
.pwd-footer {
    text-align: right;
    border-top:none;
}
.btn2 {
    background:rgba(43,133,228,1);
    opacity:1;
}
.btn1 {
    margin-right:41px !important;
}
@media (min-width: 768px){
    .modal-dialog {
        width: 488px;
    } 
}

.pwdForm label{
    font-size:14px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(112,112,112,1);
    opacity:1;
}
.spanTop {
    margin-top: 8px;
}
.rpStation {
    color:#7b7374;
    font-weight: bold;
}
.blockClass1 {
    width: 15%;
    height: 100%;
    float: left;
}
.blockClass1-1 {
    margin-right: 17.71%;
}
.blockClass2 {
    width: 15%;
    height: 100%;
    float: left;
}
.blockClass2-1 {
    margin-left: 9.48%;
    margin-right: 9.48%;
}
.blockClass3 {
    width: 15%;
    height: 100%;
    float: left;
}
.blockClass3-1 {
    margin-left: 9.48%;
    margin-right: 1.25%;
}
.blockClass3-2 {
    margin-right: 9.48%;
}
.block-top {
    width: 100%;
    height: 80%;
    background:rgba(242,242,242,1);
    box-shadow:4px 4px 10px rgba(0,0,0,0.16);
    opacity:1;
    border-radius:6px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.block-top:hover {
    cursor: pointer;
}
.block-top-icon {
    background-size: 100% 100%;
    width: 100px;
    height: 120px;
    top: 22%;
    position: absolute;
}
.block-top-icon1 {
	width: 100px !important;
    height: 156px !important;
    /* width: 63px !important; */
}

.block-top-icon2 {
    width: 199px !important;
    height: 138px !important;
    /* width: 173px !important; */
}

.block-top-icon3 {
    width: 125px !important;
    height: 156px !important;
    /* width: 96px !important; */
}

.block-top-icon4 {
    width: 125px !important;
    height: 156px !important;
    /* width: 96px !important; */
}

.block-top-icon5 {
    width: 125px !important;
    height: 156px !important;
   /*   width: 96px !important; */
}

.block-top-title {
    position: absolute;
    bottom: 10%;
    font-size:18px;
    font-family:Microsoft YaHei;
    font-weight:bold;
    color:rgba(43,133,228,1);
}
.block-top-title:hover {
    cursor: pointer;
}
.backbutton:hover {
	 cursor: pointer;
}
.block-bottom {
    width: 100%;
    height: 20%;
    font-size:14px;
    padding-top:18px;
    font-weight:400;
    font-family:Microsoft YaHei;
    color:rgba(112,112,112,1);
    opacity:1;
}
.border-left {
    border-left: 1px solid rgba(175,172,172,1);
}
.yaxis {
    width:0px;
    height:15px;
    border:1px solid rgba(175,172,172,1);
    opacity:1;
    margin-top: 1px;
    margin-bottom: -5px;
    margin-left: 2px;
}
.panel {
    border: none;
}
.panel-heading {
    border: none;
    padding: 0px 24px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.panel-footer {
    border: none;
    padding: 10px 24px;
}
.pt_title {
    float: left;
    font-size:22px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.pt_title >img{
    width: 30px;
    height: 30px;
    margin-right: 10px;
}
.pt_info {
    float: right;
    font-size:14px;
}
.pt_info:hover{
     cursor: pointer;
}
.pt_info >img{
    width: 32px;
    height: 32px;
    margin-right: 6px;
}

.el-main1 {
    height: calc(100vh - 56px);
    background:white;
    opacity:1;
    padding: 0px;
}
.con-title {
    height: 63px;
    width: 100%;
    line-height: 64px;
    border-bottom: 1px solid rgba(226,223,223,1);
    font-family:Microsoft YaHei;
    color:rgba(43,133,228,1);
    opacity:1;
    padding: 0 24px;
}
.con-title > .con-title-left {
    font-size:18px;
    font-weight:400;
}
.con-title > .con-title-right {
    font-size:14px;
    font-weight:400;
    float: right;
}
.con-title-right :hover {
    cursor:pointer;
}
.con-body {
    width: 100%;
    height: calc(100% - 63px);
}
 .btn { 
    display: inline-block; 
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; 
    border-radius: 2px;
    height: 32px;
    width: 64px; 
    line-height: 8px !important;
}