评分项内容拆分

16639036659

2024-06-18 4fb65d8e3c5fc8ddb8882a355cd31ecb9d51f3d9

 src/main/resources/static/css/publicity/style.css

@@ -2,7 +2,7 @@

.flexNone{flex:none;}

.container{width:calc(100% - 60px); height:calc(100% - 60px); background:radial-gradient(#072840,#03101E); padding:30px;}
.container{width:calc(100% - 60px); height:calc(100% - 60px); background:radial-gradient(#072840,#03101E); padding:30px; overflow: hidden;}
.header{height: 7.87vh; position: relative; margin-bottom: 15px; display: flex;}
.header:before{content: ' '; background-image: url(../../img/publicity/head_left_fgx.png); background-repeat: no-repeat; background-size: 100% 100%; background-position: center; position: absolute; bottom: 0; left: 0; width: 50%; height: 1.95vh;}
.header:after{content: ' '; background-image: url(../../img/publicity/head_right_fgx.png); background-repeat: no-repeat; background-size: 100% 100%; background-position: center; position: absolute; bottom: 0; right: 0; width: 50%; height: 1.95vh;}
@@ -21,7 +21,7 @@


.firstRow{margin-bottom: 2.97vh; display:flex;}
.firstRow .map{height:100%; flex:1;height:35.13vh; border:1px solid #7CD5FF; position:relative}
.firstRow .map{height:100%; flex:1;height:35.13vh;margin: 0 1.67vw; border:1px solid #7CD5FF; position:relative}
/*轮播*/
.lunbo{overflow:hidden; width:30vw; height:35.13vh;}
.lunbo .swiper-wrapper{align-items: center;height:35.13vh;}
@@ -37,10 +37,10 @@
.lunbo .swiper-pagination-bullet-active{opacity: 1;}
.lunbo .swiper-pagination-bullet-active:before{width: 24px!important; opacity: 1; border-radius: 100px; transform: scale(1.2); background: #fa6f66;}

.firstRow .rowCenter{height:35.13vh; flex:1.22; margin: 0 1.67vw; display: flex; flex-direction: column;}
.firstRow .rowCenter{height:35.13vh; flex:1.22;  display: flex; flex-direction: column;}
.firstRow .rowCenter .tj1{position: relative; padding: 0 27px; margin-bottom: 1.13vh; display: flex;}
.firstRow .rowCenter .tj1:before{content: ' '; background-image: url(../../img/publicity/tj1_top_left.png); background-position: center; background-repeat: no-repeat; position: absolute; height: 21px; width: 21px; top: 0; bottom: 0; margin: auto; left: 0;}
.firstRow .rowCenter .tj1:after{content: ' '; background-image: url(../../img/publicity/tj1_top_right.png); background-position: center; background-repeat: no-repeat; position: absolute; height: 21px; width: 21px; top: 0; bottom: 0; margin: auto; right: 0;}
/*.firstRow .rowCenter .tj1:before{content: ' '; background-image: url(../../img/publicity/tj1_top_left.png); background-position: center; background-repeat: no-repeat; position: absolute; height: 21px; width: 21px; top: 0; bottom: 0; margin: auto; left: 0;}*/
/*.firstRow .rowCenter .tj1:after{content: ' '; background-image: url(../../img/publicity/tj1_top_right.png); background-position: center; background-repeat: no-repeat; position: absolute; height: 21px; width: 21px; top: 0; bottom: 0; margin: auto; right: 0;}*/

.firstRow .rowCenter .tj1 .tj1_card{background:url(../../img/publicity/tj1_bg.png); background-size: 100% 100%; background-repeat: no-repeat; background-origin: padding-box; border-width: 10px; border-style: solid; -o-border-image: url(1排中上-4.ee30b40….png) 10 stretch; border-image: url(../../img/publicity/tj1_border.png) 10 stretch; justify-content: center; flex:1;}
.firstRow .rowCenter .tj1 .tj1_card .tj1_card_title{color: #04cfcd; font-size: 2.1vh; line-height: 1.3; text-align: center; margin-bottom: 1.3vh;}
@@ -93,9 +93,9 @@

.endRow{width:100%; display:flex;}
.endRow .two_title{background-image: url(../../img/publicity/second_title_pre.png); background-repeat: no-repeat; background-position: left center; background-size: contain; padding-left: 1.67vw; height: 2.46vh; line-height: 1; font-size: 2.46vh; color: #04cfcd; margin-bottom: 1.3vh;}
.endRow .endRow_left{flex:1; margin-right:1.25vw;display: flex; flex-direction: column; height:45vh;}
.endRow .endRow_right{flex:1; display: flex; flex-direction: column;}
.endRow .chart_card{height: calc(100% - 40px); background-image: url(../../img/publicity/tj1_bg.png); background-size: 100% 100%; background-repeat: no-repeat; background-origin: padding-box; border-width: 20px; border-style: solid; -o-border-image: url(../../img/publicity/count_border_bg.png) 20 stretch; border-image: url(../../img/publicity/count_border_bg.png) 20 stretch; position: relative; flex:1}
.endRow .endRow_left{flex:1; margin-right:1.25vw;display: flex; flex-direction: column; height:45vh;width:50%}
.endRow .endRow_right{flex:1; display: flex; flex-direction: column;width:50%}
.endRow .chart_card{height: calc(100% - 40px); background-image: url(../../img/publicity/tj1_bg.png); background-size: 100% 100%; background-repeat: no-repeat; background-origin: padding-box; border-width: 20px; border-style: solid; -o-border-image: url(../../img/publicity/count_border_bg.png) 20 stretch; border-image: url(../../img/publicity/count_border_bg.png) 20 stretch; flex:1;overflow: hidden;}