.hompeagebox{
  background: #183883;
  color: #ffffff;
  height: 100%;
  width: 100%;
}
.hompeagebox .nav>li{
  list-style: none;
  float: left;
}
.hompeagebox .nav>li a{
  text-decoration: none
}
.hompeagebox .nav>li>a:hover,
.hompeagebox .nav-pills>li.active>a,
.hompeagebox .nav-pills>li.active>a:focus,
.hompeagebox .nav-pills>li.active>a:hover{
  color: #FDF307;
  background: transparent;
}
.hompeagebox .nav-pills>li>a{
  color: #78C5EE;
  padding: 1vh 0.5vw 0.8vh;
}
.hompeagebox .nav-pills{
  margin: 0;
  padding: 2vh 2vw;
  overflow: hidden;
  font-size: 1vw;
  font-weight: 600;
  background: #ffffff;
  background: url(../img/nav-top.jpg) no-repeat;
  background-size: 100% 100%;

}
.hompeagebox .nav-pills>.nav-right,
.hompeagebox .nav>.nav-right:hover{
  background: url(../img/nav-right.jpg) no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  
}
.hompeagebox .nav-pills>.fr,
.hompeagebox .nav-pills>.nav-right,
.hompeagebox .nav>.nav-right:hover{
  float:right;
}
.hompeagebox .nav-pills>.nav-left,
.hompeagebox .nav>.nav-left:hover{
  background: url(../img/nav-left.jpg) no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
}
.hompeagebox .nav-pills>.nav-left,
.hompeagebox .nav-pills>.nav-right{
  width: 9vw;
  text-align: center;
  padding: 1vh 0;
}

.hompeagebox  .nav>li>a:focus,.hompeagebox  .nav>li>a:hover{
  background: transparent;
}
.hompeagebox .nav>.nav-date>a{
  padding: 0;
}
.hompeagebox .nav>.nav-date>a:hover{
  color: #78C5EE;
  cursor: initial;
}
.nav-date{
  font-size: 0.8vw;
  float: right;
  padding: 0;
  width: 11vw;
}
.hompeagebox .nav-data{
  font-size: 0.5vw;
  text-align: right;
}
.hompeagebox .content{
  height: 90.9vh;
  margin: 0 1.5vw;
}

.stock .input-box,.stock .input-box:focus,.stock .input-box:active{
  background: transparent;
  color: #fff;
  width: 100%;
  border: 1px solid #A8BCDC;
  padding:1vh 1vw;
  font-size: 0.8vw;
  border-radius: 0.2vw;
  margin-bottom: 2vh;
}
.stock .input-box::-webkit-input-placeholder,
.stock .stock-box input::-webkit-input-placeholder{ /* WebKit browsers */
  color: #A8BCDC;
}

.stock .stock-box{
  background: url(../img/bag1.png) no-repeat;
  background-size: 100% 100%;
  height: 78vh;
  border-radius: 0.8vw;
  padding: 1vw;
}
.stock .stock-box .form-group{
  display: flex;
  margin-bottom: 3vh;
}
.stock .stock-box .form-group input{
  width: 100%;
}

.hompeagebox .row>[class*=col-] {
  padding: 0 0.4vw;
}
.stock .stock-boxw{
  padding: 0 1vw;
}
.stock .stock-title{
  font-size: 1.2vw;
  margin-bottom: 1.5vh;
}
.stock .stock-border,
.stock .stock-box input{
  border: 1px  solid #A8BCDC;
}
.stock .stock-border{
  padding: 0.5vw;
}
.stock .stock-table,
.stock .stock-border{
  height: calc(100% - 5vh);
  font-size: 1vw;
  overflow: hidden;
  overflow-y: auto;
}
.stock .stock-table::-webkit-scrollbar,
.stock .stock-borde::-webkit-scrollbar,
.subDtable .el-table--scrollable-y .el-table__body-wrapper::-webkit-scrollbar {
  display:none
}

.stock-input{
  padding: 0 1vw ;
  display: flex;
}
.stock .logn-img{
  width: 17vh;
  height: 17vh;
  margin: 3vh auto 8vh;
  overflow: hidden;
  border-radius: 50%;
  border: 1px solid #ffffff;
}
.stock .logn-img img{
  width: 100%;
  border-radius: 50%;
  padding: 2%;
  border: 1px solid #ffffff;
}
.stock .stock-box input{
  background: transparent;
  color: #ffffff;
  width: 100%;
  padding: 1vh 1vw;
  padding-left: 2.5vw;
  font-size: 1vw;
  height: auto;
  line-height: 4vh;
}

.stock .stock-box .input-group-addon{
  width: 3vw;
  background: transparent;
  color: #fff;
  padding: 1vh;
  line-height: 4vh;
  position: absolute;
}
.stock .stock-box  .login-buttons{
  display: flex;
}
.stock .stock-box .btn{
  background: transparent;
  border: 1px solid #A8BCDC;
 /* width: 80%;
  color: #fff;
  margin: auto;
  margin-top: 8vh;
  line-height: 6vh;
  border-radius: 5vw;
  font-size: 1.2vw;
  letter-spacing: 1vw; */
}
.stock .stock-bor{
  border: 1px solid #A8BCDC;
  /* font-size: 1vw; */
  /* margin-bottom: 2vh; */
  margin-bottom: 10px;
}

.stock .stock-tab{
  display: flex;
}
.stock .stock-tab span{
  line-height: 2.2vh;
  /* padding: 1vh 0.8vw; */
  /* padding: 0px 0.8vw; */
  text-align: center;
}
.stock .stock-tab span:nth-last-child(2){
  width: 25%;
  border-right: 1px solid  #A8BCDC;
}
.stock .stock-tab:nth-last-child(2n) {
  background-color: #2446AA;
}
.el-row{
  margin: 0 !important
}
.sub .el-col-4{
  padding: 0 0.8vw 0.8vw 0 !important;
}
.sub .el-col-4:nth-last-child(1),
.sub .el-col-4:nth-last-child(2),
.sub .el-col-4:nth-last-child(3),
.sub .el-col-4:nth-last-child(4),
.sub .el-col-4:nth-last-child(5),
.sub .el-col-4:nth-last-child(6){
  padding-bottom: 0 !important;
}
.sub .el-col-4:nth-child(6n){
  padding-right: 0 !important;
}
.sub .sub-box{
  border: 1px solid #5382C5;
  padding:0;
  cursor: pointer;
}
.sub-title{
  font-size: 1.2vw;
  background: #2446AA;
  text-align: center;
  line-height: 5vh;

}

.sub-content,.mep .mep-caidiang,.dialog{
  padding: 0.5vw;
  font-size: 1vw;
  line-height: 3.3vh;
}
.mep .mep-caidiang{
  border: 1px solid  #A8BCDC;
  height: 84vh;
  line-height: 5.5vh;
  padding: 1vw 1.5vw;

}
.el-dialogbox{
  width: 35%;
  background: #2446AA !important;
}
.dialog{
  line-height: 5vh;
  padding: 0 1.5vw;
}
.el-dialog__headerbtn .el-dialog__close, 
.el-dialog__header,
.el-dialog__title{
  color: #fff  !important;
}
.el-dialog__body,.el-dialog__header,.el-dialog__footer,.el-dialog__footer .el-button{
  padding: 1vw;
  color: #fff  !important;
  font-size: 1vw !important;
}
.el-dialog__body {
  overflow: hidden;
}
.el-dialog__header{
  border-bottom: 1px solid #A8BCDC
}
.el-dialog__footer{
  display: none;
  border-top: 1px solid #A8BCDC;
}

.mep .mep-text{
  width:70%;
  float:left;

}
.mep .mep-sum{
  width: 28%;
  float: right;
  padding-left: 0.5vw;
}
.mpe-box{
  height: 89vh;
}
.mep .btn{
  position: absolute;
  display: flex;
  color: #fff;
  padding:0.5vh 1vw;
  font-size: 1vw;
  border: 1px solid #fff;
  cursor: pointer;
  bottom: 0;
  right: 1.2vw;
  background: transparent;
}
.mep-flex{
  background: #000
}
.subsDetail .subsDetail-tubiao{
  height:36vh;
  margin-bottom: 2vh !important;
  font-size:1vw !important;
  text-align: center;
  padding: 2vh 1vw;
}
.subsDetail .subsDetail-table{
  height:51vh;
  color: #fff
}
.subDtable,
.subDtable th, 
.subDtable tr,
.el-table__empty-text{
  color: #fff;
  background: transparent;
}
.subDtable tbody tr:hover>td,
.subDtable .el-table__body tr.current-row>td { 
  background-color:#2446AA!important
}