/* 公共样式 */
.dmy_neiye{
   position: relative;
   height: 100%;
 }
 .bgcolor{
    background: #E8ECF0 !important;
 }

 .bgcolorwhite{
   background: #fff !important; 
 }
 .padding15{
   padding: 0 15px;
 }
 .model-title{
   font-size: 14px;
   color: #323437;
   font-weight: 700;
 }
 .marginleft50{
   margin-left: 50px;
 }
 /********************************************* 表格样式*********************************************************** */
 .table_style_item{
    display: flex;
    flex-direction: row;
    align-items: center;
    border: 1px solid #ccc;
    border-top: none;
 }
 .table_style_item span{
   flex: auto;
   height: 30px;
   line-height: 30px;
   text-align: center; 
   border-right: 1px solid #ccc;

 }
 .table_style_item span:last-child{
   border-right:none;
 }
 .table_style_item.table_style_head span{
   color: #909399;
 }
 .table_style_head{
   border-top: 1px solid #ccc;
 }
 .table_style_head.table_style_item_scroll{
    border: none;
 }
 .table_style_item_scroll{
   display: flex;
   flex-direction: row;
   position: relative;
 }
 .table_style_item_scroll span{
    display: inline-block;
    border: 1px solid #ccc;
    height: 30px;
    line-height: 30px;
    text-align: center;
    min-width: 70px;
 }
 .nature_table .table_style_item_scroll span{
   min-width: 90px;
 }
 .tablebox,.nature_table{
   width: 100%;
   overflow-x: scroll;
   border: 1px solid #ccc;
   position: relative;
   
 }
 .scrollbox{
    display: flex;
    flex-direction: row;
 }
 .table_style_item_scroll .fixed{
   min-width: 140px;
   border-right: 1px solid #ccc;
   position: sticky;
   left: 0;
   top: 0;
   width: 140px;
   background: #fff;
 }

 /* table */
 .table_style_item_tr{
   border: 1px solid #ccc;
 }
 .table_style_item_tr td{
   text-align: center; 
   border-right: 1px solid #ccc;
   white-space: nowrap;
   padding:4px 6px;
 }

/********************************************* 表格样式*********************************************************** */
 .dmy_neiye_img{
   position: absolute;
   left: 0;
   top: 0;
   right: 0;
   bottom: 0;
   z-index: 0;
   width: 100%;
   height: 100%;
 }
.header-title{
   font-size: 48px;
   text-align: center;
   font-family: Source Han Sans CN;
   
   position: relative;
   z-index: 1;
   color: #fff;
 }
 .header-title span{
    font-size: 20px;
    color: #fff;
    display: flex;
    height: 68px;
    align-items: flex-end;
    justify-content: center;
    margin-left: 135px;

 }
 .width8{
    width: 8%!important;
 }
 .width10{
   width: 10%!important;
}
.width15{
   width: 15%!important;
}
.backgroundcc{
   background:rgba(250,250,251,1) !important;
}
 /* 分页样式 */
 .pagebox{
   display: flex;
   margin-top:30px;
   align-items: center;
   background:rgb(214, 213, 213);
   padding:10px 5px;
   border-radius: 4px;
   width: 70%;
 }
 .pagebox_nobg{
    background: none;
 }
 .pageitem{
   width:30px;
   height:30px;
   text-align: center;
   line-height: 30px;
   background: #fff;
   border: 1px solid #ccc;
   border-radius: 4px;
   cursor: pointer;
   display: block;
 }
 .pagenum{
   background: #27a9e3;
   color: #fff;
   margin: 0 15px;
 }
 .pagebox .dropdown{
    height: 30px;
    margin: 0 60px 0 15px;
 }
 .pagebox .dropdown .btn{
   padding: 4px 12px;
}
.pagegation{
   display: flex;
   flex-direction: row;
}


/* ***************************按钮************************ */
.choosebtn_box{
   display: flex;
   flex-direction: row;
   background: #fff;
}
.choosebtn{
   border: 1px solid #ccc;
   height: 30px;
   line-height: 30px;
}
.content-button .choosebtn.active{
   background: #4da7fd;
   color: #fff;
}

/* ***************************按钮************************ */


/* 新加页面的样式 */
.goldchildcontainer{
   width: 1200px;
   margin:30px auto 0;
   background: #fff;
   
}
.content-button{
   display: flex;
}
.title_box,.totalechart_box,.detailechart_box,.detail_table_box{
   padding-top: 14px;
   padding-bottom: 30px;
}
.title_box{
   display: flex;
   flex-direction: row;
   margin-left: 0 !important;
   color: #333;
   font-size: 14px;
   font-weight: 700;
   padding-bottom: 14px;
}
.title_box .choosebtn{
   padding: 0 10px;
   cursor: pointer;
}
.detailechart_box,.totalechart_box,.detail_table_box,.title_box{
   border-top: 18px solid #E8ECF0;
}

/*滚动条的宽度*/

::-webkit-scrollbar {
   width:9px;
   height:9px;
}

/*外层轨道。可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果*/

::-webkit-scrollbar-track {
   width: 6px;
   background-color:#0d1b20;
   -webkit-border-radius: 2em;
   -moz-border-radius: 2em;
   border-radius:2em;
   display: none;
}

/*滚动条的设置*/

::-webkit-scrollbar-thumb {
   background-color:#4da7fd;
   background-clip:padding-box;
   min-height:28px;
   -webkit-border-radius: 2em;
   -moz-border-radius: 2em;
   border-radius:2em;
}
/*滚动条移上去的背景*/

::-webkit-scrollbar-thumb:hover {
    background-color:#fff;
}
.videoplay_box_head{
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   background:#fff;
   align-items: center;
   margin-bottom: 20px;
}
.videoplay_box_head_select{
    
   margin-right: 16px;
   position: relative;

}
.select_btn{
   min-width: 150px;
   text-align: center;
   background: #333;
   height: 30px;
   color: #fff;
   line-height: 30px;
   cursor: pointer;
}
.down{
   color: #fff;
   position: absolute;
   right: 5px;
   top:10px;
   width: 14px;
}
.videoplay_box_head_select_list{
   position: absolute;
   left: 0;
   top: 100%;
   right: 0;
   background: #333;
   display: none;
   z-index: 50;
}
.videoplay_box_head_select_list li{
   height: 28px;
   line-height: 28px;
   text-align: center;
   color: #fff;
   cursor: pointer;
}
.videoplay_box_head_select_list li:hover{
   background: #fff;
   color: #333;
}


.videoplay_box_head .primary_tab_cash{
   margin-bottom: 0;
}
.padding7{
   padding: 0 7.5px;
}
.margintop10{
   margin-top: 10px;
}
.videoplay_box_yesnum_item{
   float: left;
   width: 23.86%;
   margin:10px 0.56%;
   background: #fff;
   box-sizing: border-box;
   padding: 10px 0;
   
}
.videoplay_box_yesnum_item span{
   display: block;
   font-size: 14px;
   text-align: center;
   color: #909399;
}
.videoplay_box_yesnum_item .num{
   color: #333;
   font-size: 18px;
   font-weight: 700;
}
.videoplay_box_yesnum_box {
   overflow: hidden;
}
.cash_echart_line_tab{
   background: #fff;
}
.table_video_box{
   display: flex;
   flex-direction: row;
   justify-content: space-between;
}
.table_video_box_left, .table_video_box_right{
   width: 49%;
   
}
.table_video_box_left table, .table_video_box_right table{
   width: 100%;
   
   
}
.table-box{
   padding: 15px;
   margin-top: 10px;
}
.backgroundFFF{
   background: #fff;
}
.title_area{
   display: flex;
   flex-direction: row;
   justify-content: space-between;
}
.table_day{
   margin-top: 30px;
   border-bottom: 18px solid #E8ECF0;
}
.totalechart_line{
   min-height: 340px;
   background: #fff;
   width: 100%;
}
.textleft{
   text-align: left!important;
   overflow: hidden;
   text-overflow:ellipsis;
   white-space: nowrap;
   max-width:350px;
}
.more_btn{
   width: 18px;
   height: 18px;
   border-radius: 100%;
   text-align: center;
   line-height: 18px;
   background: #ccc;
   color: #000;
   cursor: pointer; 
}
#container_bar{
   height:340px;
}
/* 新增按钮的样式 */
.tj_powerbox_primary_item_box{
   position: relative; 
}
.tj_select{
   margin-bottom: 20px;
}
.tj_search_box{
   position: absolute;
   right:20px;
   top: 0px;
}
/* 媒体查询的css样式 */
@media screen and (max-width: 768px){
  .formbox{
    width: 90%;
    padding: 37px 23px;
    transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    box-sizing: border-box;
  }
  .header-title span {
    font-size: 16px;
    color: #fff;
    display: flex;
    height: 47px;
    align-items: flex-end;
    justify-content: center;
    margin-left: 73px;
  }
  .form_title {
    font-family: Source Han Sans CN;
    text-align: center;
    font-size: 18px;
    color: #fff;
    margin-bottom: 14px;
  }
  .formbox .form-group {
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 19px;
  }
  .formbox .form-group .form-control-mobile {
    padding: 0 0 0 35px;
    height: 45px;
    line-height: 45px;
    font-size: 13px;
  }
  .formbox .form-group .control-label {
    width: 22px;
    height: 90px;
    position: absolute;
    left: 27px;
    top: 122%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    background-image: url(../images/mobile.png);
    z-index: 10;
    padding: 0;
    background-size: 100%;
  }
  #getyzm {
    padding: 0;
    font-size: 13px;
    cursor: pointer;
    text-align: left;
  }
  .formbox .btn {
    height: 37px;
    line-height: 37px;
    background: #4AABFE;
    font-size: 20px;
    padding: 0;
    margin-top: 5px;
    width: 100%;
  }
  #daojishi{
    font-size:13px;
  }
  .menulist{
    width: 90%;
    height: 305px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  .slideitem{
    width:33%;
  }
  .imgbox img{
    width:100%;
  }
  .swiper-title{
    font-size: 12px;
    margin-top: 7px;
  }
  .slidenonebox{
    padding: 10px;
  }
  .list-leftbox{
    left: 10%;
    top: 20%;
  }
  .list-leftbox .item-time.list-time{
    font-size: 24px;
  }
}
@media screen and (min-width: 1024px){
   .menulist{
      width: 960px;
      height: 500px;
      bottom: 80px;
   }
}
@media screen and (min-width: 1200px){
   .menulist{
      width: 1000px;
      height: 470px;
      bottom: 20%;
   }
   .form_title{
    margin-bottom: 30px
   }
   .formbox{
      width: 450px;
      padding: 38px 36px;
   }
   .searchbox{
      top: 70px;
   }
   .dmy_yestodaybox{
      width: 100%;
   }
   .container_box{
      width: 100%;
   }
   .dmy_yestodaybox{
      width: 100%;
   }
}
@media screen and (min-width: 1280px){
   .header-title span{
      height:54px;
   }
   .menulist{
      width: 1080px;
      height: 70%;
      bottom: 10%;
   }
   #getyzm{
      font-size: 16px;
   }
   .formbox{
      width: 500px;
      padding: 38px 36px;
   }
   .searchbox{
      top: 70px;
   }
   .dmy_yestodaybox{
      width: 100%;
   }
   .container_box{
      width: 100%;
   }
   .dmy_yestodaybox{
      width: 100%;
   }
   .disline30{
      margin: 0 10px;
   }
   table tbody{
      height: 400px ;
   }
}
@media screen and (min-width: 1366px){
   .header-title span{
      height:60px;
   }
   .menulist{
      
      bottom: 60px;
   }
   .dmy_yestodaybox{
      width: 100%;
   }
   table tbody{
      height: 587px ;
   }
   .header-title span{
      margin-left: 150px;
      height: 70px;
   }
}
@media screen and (min-width: 1440px){
   .menulist{
      width: 1200px;
      
      bottom: 80px;
   }
   .searchbox{
      top: 90px;
   }
   .formbox{
      width: 620px;
      padding: 66px 36px;
   }
   .dmy_yestodaybox{
      width: 100%;
   }
   table tbody{
      height: 587px ;
   }
}

@media screen and (min-width: 1680px){
   .menulist{
      bottom: 150px;
   }
   .formbox{
      width: 620px;
      padding: 46px 36px;
   }
   .searchbox{
      top: 120px;
   }
   .dmy_yestodaybox{
      width: 100%;
   }
   .disline30{
      margin: 10px 20px;
   }
   .header-title span{
      margin-left: 150px;
      height: 86px;
   }
   
}

@media screen and (min-width: 1900px){
   .menulist{
      width: 1254px;
      height: 537px;
      bottom: 150px;
   }
   .formbox{
      width: 620px;
   }
   .searchbox{
      top: 120px;
   }
   .dmy_yestodaybox{
      width: 1720px;
   }
   .disline30{
      margin: 10px 20px;
   }
   table tbody{
      height: 600px ;
   }
   .header-title span{
      margin-left: 150px;
      height: 86px;
   }
}
@media screen and (min-width: 1920px){
   .menulist{
      width: 1254px;
      height: 587px;
      bottom: 150px;
   }
   .formbox{
      width: 620px;
   }
   .searchbox{
      top: 120px;
   }
   .dmy_yestodaybox{
      width: 1720px;
   }
   .disline30{
      margin: 10px 20px;
   }
   .header-title span{
      margin-left: 150px;
      height: 86px;
   }
}