.hwvdata-view {
    position: absolute;
    width: 1920px;
    height: 1028px;
    transform: scale(0.69);
    transform-origin: 0 0;
    background: #122C45;
    box-shadow: 0 0 8px 3px rgb(0 0 0 / 16%);
}
.html-font-family-zh {
    font-family: PingFangSC-Regular;
}
.hwvdata-view-screen {
    min-width: auto!important;
    box-shadow: none!important;
}
.page{
	position: absolute;
}
.top{
	width: 100%;
	height: 66px;
}
.title{
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.zuotop,.youtop{
	margin-top: 40px;
	width: 40%
}
.shuju{
	width: 30%;
	margin: 0 10px;
}
.hwapp-bgcom{
	width: 30%;
	margin: 5px 10px;
}
.hwapp-bom{
	margin: 5px 0 0 10px;
}
.title-inner{
	margin: 0 0 0 435px;
}
.lihe{
	margin: 5px 0 ;
}
.lier{
	margin: 10px 0 ;
}
.hwapp-text-content{
	text-align: center;
	
}
.xiahang{
	width: 852px;
	height: 445px; 
	z-index: 8; 
	float: left;
}
.utop{
	width: 100%;
	height: 242px;
}
.ubot{
	width: 100%;
	height: 265px;
}
.ubottom{
	width: 100%;
	height: 443px;
}
.scrollHeader{
    display: block;
    margin-block-start: 1em;
    margin-block-end: -1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 25px;
}
ul {
	list-style-type: none;
	padding: 0;
    display: block;
    margin-block-start: 1em;
    margin-block-end: -1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 10px;
	transition: all 0.3s ease-out;
}
@keyframes grow-padding-left {
  from {
    padding-left: 0;
  }
}
@keyframes grow-padding-right {
  from {
    padding-right: 0;
  }
}
ul li {
  font-weight: bold;
  width: 300px;
}
ul em {
  display: inline-block;
  width: 80px;
  font-style: normal;
}
ul span {
  display: inline-block;
}
.style-2  {
  margin-block-start: 0em;
}
.style-2 span {
  margin: 0 0 10px 0;
  width: 30px;
  border-radius: 4px;
  animation: grow-padding-right 2s;
}
.topn-item-number-color{
	color: rgba(255,255,255,1); float: left; margin: -7px 0 0 10px;
}
.visualSssf_right_box{
	float: left;
}
/* .scroll_row{
	margin: 0 7px; height: 12.5%;background:rgba(0,128,220,0.12)
} */
/* .scroll_row div:nth-of-type(even){
	margin: 0 7px; height: 12.5%;background:rgba(4,236,248,0.11)
} */
.revenue:nth-child(odd) {
	margin: 0 7px; height: 12.5%;background:rgba(0,128,220,0.12)
}

.revenue:nth-child(even) {
	margin: 0 7px; height: 12.5%;background:rgba(4,236,248,0.11)
}



    .container > .scroll-list {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        animation: scroll 30s linear infinite normal;
    }



    @keyframes scroll {
        100% {
            top: -320px;
        }
    }
	
	.container1 > .scroll-list1 {
	    position: relative;
	    top: 0;
	    left: 0;
	    width: 100%;
	    animation: scroll1 35s linear infinite normal;
	}
	
	
	
	@keyframes scroll1 {
	    100% {
	        top: -360px;
	    }
	}
	
	.container2 > .scroll-list2 {
	    position: relative;
	    top: 0;
	    left: 0;
	    width: 100%;
	    animation: scroll2 695s linear infinite normal;
	}
	
	
	
	@keyframes scroll2 {
	    100% {
	        top: -6545px;
	    }
	}