local_archive/css/index.css

*{
	margin:0;
	padding:0;
    box-sizing: border-box;
}
body{
	background-color:rgb(255, 255, 255);

}
  /* 滚动条凹槽的颜色，还可以设置边框属性 */
  ::-webkit-scrollbar-track-piece {
    background-color: #f8f8f8;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em;
}
/* 滚动条的宽度 */
::-webkit-scrollbar {
    width: 9px;
    height: 9px;
}
/* 滚动条的设置 */
::-webkit-scrollbar-thumb {
    background-color: #ddd;
    background-clip: padding-box;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em;
}
/* 滚动条鼠标移上去 */
::-webkit-scrollbar-thumb:hover {
    background-color: #bbb;
    
}
.hc-layout-box{
    position: relative;
    height: 1000px;
    width: 100%;
    /* border: 1PX solid red; */
    /* padding: 24px; */
    padding-top: 24px;
    background: #f1f5f8;
   


}
.main_box{
    height: 100%;
    position: relative;
    --el-card-padding: 24px;
    --el-card-bg-color: #f1f5f8;
    --el-card-border-radius: 10px;
    --el-text-color-primary: #1A1A1A;
    box-shadow: -2px 0 10px #20253208, 0 10px 21px 20px #20253208;
    border: 0;
}
.main_nox_header{
    height: 70px;
    padding: 14px 24px;
    border-bottom: 1px solid #e9e9e9;
    overflow-x: auto;
    overflow-y: hidden;
    text-align: center;
    font-size: 36px;
}

.maininfo{
    display: flex;
    height:calc(100vh - 120px);
    padding: 10px;
}

.maininfo_box{
    /* border: black 1px solid; */
    width: 70%;
    margin-left: 15%;
    margin-right: 15%;
    margin-top: 2%;
    margin-bottom: 3%;
}
.main_box_top{
    width: 100%;
    height: 210px;
    /* border: 1px solid black; */
    display: flex;
    justify-content: space-between;
}
.main_box_top_left{
    width: 620px;
    height: 216px;
    border-style: none;
    border-color: unset;
    box-shadow: rgb(152 149 149) 0px 2px 6px 0px;
    border-radius: 15px;
    font-size: 14px;
    padding: 0px;
    text-align: center;
    line-height: 20px;
    font-weight: normal;
    font-style: normal;
    background: rgb(255, 255, 255);
    padding: 25px;
    margin-right: 20px;
}
                   
.today_title{
    font-family: SourceHanSansSC;
    font-weight: 700;
    font-size: 36px;
    color: rgba(51, 51, 51, 1);
    font-style: normal;
    letter-spacing: 0px;
    line-height: 53px;
    text-align: left;
    text-decoration: none;
}
.today_title_info{
    text-align: left;
    font-family: SourceHanSansSC;
    font-weight: 400;
    font-size: 14px;
    color: rgb(16, 16, 16);
    font-style: normal;
    letter-spacing: 0px;
    line-height: 21px;
    text-decoration: none;
}
.today_title_info_bottom{
    display: flex;
    justify-content: space-between;
 
    margin-top: 50px;
}
.today_title_info_bottom_left{
    font-family: SourceHanSansSC;
    font-weight: 700;
    font-size: 20px;
    color: rgb(16, 16, 16);
    font-style: normal;
    letter-spacing: 0px;
    line-height: 30px;
    text-decoration: none;
}
.today_title_info_bottom_right{
    font-family: SourceHanSansSC;
    font-weight: 400;
    font-size: 48px;
    color: rgba(22,132,252,1);
    font-style: normal;
    letter-spacing: 0px;
    text-decoration: none;
  
}
.today_title_info_bottom_right_box{
    margin-right: 20px;
   
}
.today_title_info_bottom_right_tip{
    font-family: SourceHanSansSC;
    font-weight: 400;
    font-size: 20px;
    color: rgb(16, 16, 16);
    font-style: normal;
    letter-spacing: 0px;
    line-height: 29px;
    text-decoration: none;

}
.main_box_top_right{
    width: 680px;
    height: 216px;
    border-style: none;
    border-color: unset;
    box-shadow: rgb(201 196 196) 0px 2px 6px 0px;
    border-radius: 15px;
    font-size: 14px;
    padding: 0px;
    text-align: center;
    line-height: 20px;
    font-weight: normal;
    font-style: normal;
    background: rgb(255, 255, 255);
    background-image: url('../photo/right.jpg');
	background-repeat:no-repeat;
    background-size:100% 100%;
    padding: 25px;
}
.main_box_top_right_toptitle{
    font-family: SourceHanSansSC;
    font-weight: 700;
    font-size: 20px;
    color: rgb(16, 16, 16);
    font-style: normal;
    letter-spacing: 0px;
    line-height: 30px;
    text-align: left;
}
.main_box_top_right_topnumbox{
    text-align: left;
    margin-top: 40px;
    margin-left: 44px;
    font-weight: 700;

}
.main_box_top_right_topnum{
    font-family: SourceHanSansSC;
    font-weight: 700;
    font-size: 24px;
    color: rgb(16, 16, 16);
    line-height: 36px;

}
.main_box_top_right_topnum_tip{
    font-family: SourceHanSansSC;
    font-weight: 700;
    font-size: 14px;
    color: rgb(16, 16, 16);
    font-style: normal;
    letter-spacing: 0px;
    line-height: 21px;
    text-decoration: none;
}
.main_box_center{
    margin-top: 30px;
    width: 100%;
    height: 441px;
    border-style: none;
    border-color: unset;
    box-shadow: rgb(152 149 149) 0px 2px 6px 0px;
    border-radius: 15px;
    font-size: 14px;
    padding: 0px;
    text-align: center;
    line-height: 20px;
    font-weight: normal;
    font-style: normal;
    background: rgb(255, 255, 255);
    padding: 20px 30px;
  
}
.echart_box{
    width: 100%;
    height: 100%;
    /* border: 1px solid black; */
}
.main_box_center_btn_box{
    margin: 0 auto;
    text-align: center;
    cursor: pointer;
   
}
.main_box_center_btn:hover {
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}
.main_box_center_btn{
    display: inline-block;
    margin-top: 40px;
    width: 674px;
    height: 49px;
    border-style: none;
    border-color: unset;
    box-shadow: rgb(0 0 0 / 40%) 0px 2px 6px 0px;
    color: rgb(255, 255, 255);
    border-radius: 4px;
    font-size: 28px;
    text-align: center;
    font-weight: normal;
    font-style: normal;
    background: rgb(64, 149, 229);
    transition: 0.4s;
}