|
|
@@ -281,12 +281,12 @@
|
|
|
}
|
|
|
.mddj_top{
|
|
|
justify-content: space-between;
|
|
|
- margin-top: 50px;
|
|
|
+ margin-top: 42px;
|
|
|
.tt_pre{
|
|
|
- width: calc(100% / 3 - 10px);
|
|
|
+ width: calc(100% / 3 - 5px);
|
|
|
.ttp_l{
|
|
|
- width: 30px;
|
|
|
- height: 80px;
|
|
|
+ width: 27px;
|
|
|
+ height: 48px;
|
|
|
&.tl1{
|
|
|
background: #EBA1A7;
|
|
|
}
|
|
|
@@ -298,20 +298,20 @@
|
|
|
}
|
|
|
}
|
|
|
.ttp_r{
|
|
|
- width: calc(100% - 30px);
|
|
|
- padding-left: 10px;
|
|
|
+ width: calc(100% - 27px);
|
|
|
+ font-family: PingFangSC, PingFang SC;
|
|
|
+ font-weight: 400;
|
|
|
+ font-size: 10px;
|
|
|
+ color: #252525;
|
|
|
+ line-height: 14px;
|
|
|
+ padding-left: 4px;
|
|
|
box-sizing: border-box;
|
|
|
- font-size: 12px;
|
|
|
- line-height: 20px;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
.mddj_table{
|
|
|
- margin-top: 20px;
|
|
|
- border-radius: 0 20px 0 20px;
|
|
|
- overflow: auto;
|
|
|
+ margin-top: 33px;
|
|
|
.mt_l{
|
|
|
- padding-left: 20px;
|
|
|
flex: 1;
|
|
|
box-sizing: border-box;
|
|
|
}
|
|
|
@@ -319,45 +319,61 @@
|
|
|
.mr_pre{
|
|
|
font-size: 14px;
|
|
|
color: #FFFFFF;
|
|
|
- width: 50px;
|
|
|
- height: 200px;
|
|
|
- padding: 10px 20px;
|
|
|
+ width: 27px;
|
|
|
+ height: 100px;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
}
|
|
|
}
|
|
|
.mt_top{
|
|
|
- background: #007EC1;
|
|
|
+ background: #761E6A;
|
|
|
.mt_l{
|
|
|
- font-size: 26px;
|
|
|
+ font-family: PingFangSC, PingFang SC;
|
|
|
+ font-weight: 400;
|
|
|
+ font-size: 20px;
|
|
|
color: #FFFFFF;
|
|
|
+ line-height: 20px;
|
|
|
+ padding-left: 14px;
|
|
|
}
|
|
|
}
|
|
|
.mt_list{
|
|
|
- border: 3px solid #007EC1;
|
|
|
- border-radius: 0 0 0 20px;
|
|
|
+ border: 3px solid #761E6A;
|
|
|
.ml_pre{
|
|
|
border-bottom: 1px solid #E5E7EB;
|
|
|
&:last-child{
|
|
|
border: none;
|
|
|
- border-radius: 0 0 0 20px;
|
|
|
}
|
|
|
&:nth-child(odd){
|
|
|
- background: #DAECF6;
|
|
|
+ background: #DCECFD;
|
|
|
}
|
|
|
&:nth-child(even){
|
|
|
background: #FFFFFF;
|
|
|
}
|
|
|
|
|
|
.mt_l{
|
|
|
- padding: 20px 0 20px 20px;
|
|
|
- color: #777;
|
|
|
+ padding: 10px 12px;
|
|
|
+ font-family: PingFangSC, PingFang SC;
|
|
|
+ font-weight: 400;
|
|
|
+ font-size: 10px;
|
|
|
+ color: #252525;
|
|
|
+ line-height: 16px;
|
|
|
+ box-sizing: border-box;
|
|
|
}
|
|
|
|
|
|
.mp_pre{
|
|
|
- width: 50px;
|
|
|
- font-size: 14px;
|
|
|
- font-weight: bold;
|
|
|
- padding: 20px 0;
|
|
|
- color: #000;
|
|
|
+ width: 27px;
|
|
|
+ height: 100%;
|
|
|
+ font-family: PingFangSC, PingFang SC;
|
|
|
+ font-weight: 400;
|
|
|
+ font-size: 10px;
|
|
|
+ color: #1D2129;
|
|
|
+ line-height: 13px;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
&.mp1{
|
|
|
background: #EBA1A7;
|
|
|
}
|
|
|
@@ -536,4 +552,133 @@
|
|
|
margin-top: 10px;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+ .xxfx_title{
|
|
|
+ margin-top: 40px;
|
|
|
+ .xt_pre{
|
|
|
+ width: 58px;
|
|
|
+ font-family: PingFang-SC, PingFang-SC;
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 10px;
|
|
|
+ color: #666666;
|
|
|
+ line-height: 16px;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .xxfx_list{
|
|
|
+ .xl_item{
|
|
|
+ margin-top: 20px;
|
|
|
+ .xli_l{
|
|
|
+ width: 177px;
|
|
|
+ .xl_pre{
|
|
|
+ width: 58px;
|
|
|
+ font-family: PangMenZhengDaoBiaoTiTiMianFeiBan, PangMenZhengDaoBiaoTiTiMianFeiBan;
|
|
|
+ font-weight: normal;
|
|
|
+ font-size: 20px;
|
|
|
+ color: #666666;
|
|
|
+ line-height: 16px;
|
|
|
+ text-align: center;
|
|
|
+ &.red{
|
|
|
+ color: #833478;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .xli_r{
|
|
|
+ width: calc(100% - 177px);
|
|
|
+ .xr_p{
|
|
|
+ font-family: PingFangSC, PingFang SC;
|
|
|
+ font-weight: 400;
|
|
|
+ font-size: 10px;
|
|
|
+ color: #252525;
|
|
|
+ line-height: 10px;
|
|
|
+ }
|
|
|
+ .xr_tb{
|
|
|
+ width: 100%;
|
|
|
+ height: 4px;
|
|
|
+ margin-top: 26px;
|
|
|
+ position: relative;
|
|
|
+ .xt_pre{
|
|
|
+ width: calc(100% / 3);
|
|
|
+ height: 100%;
|
|
|
+ &.p1{
|
|
|
+ background: #761E6A;
|
|
|
+ }
|
|
|
+ &.p2{
|
|
|
+ background: rgba(118,30,106,0.6);;
|
|
|
+ }
|
|
|
+ &.p3{
|
|
|
+ background: #00AAA8;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .xt_score{
|
|
|
+ position: absolute;
|
|
|
+ left: 14px;
|
|
|
+ top: -20px;
|
|
|
+ .xts_num{
|
|
|
+ background: #FFFFFF;
|
|
|
+ box-shadow: 0px 4px 10px 0px rgba(118,30,106,0.08);
|
|
|
+ border-radius: 8px;
|
|
|
+ border: 1px solid rgba(131,52,120,0.19);
|
|
|
+ font-family: PangMenZhengDao, PangMenZhengDao;
|
|
|
+ font-weight: normal;
|
|
|
+ font-size: 12px;
|
|
|
+ line-height: 16px;
|
|
|
+ padding: 10px 8px;
|
|
|
+ white-space: nowrap;
|
|
|
+ &.red{
|
|
|
+ color: #761E6A;
|
|
|
+ }
|
|
|
+ &.green{
|
|
|
+ color: #00AAA8;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .xts_box{
|
|
|
+ flex: 1;
|
|
|
+ height: 13px;
|
|
|
+ background: #8F2E7C;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .next_box{
|
|
|
+ margin-top: 10px;
|
|
|
+ background: rgba(118,30,106,0.05);
|
|
|
+ border-radius: 0px 6px 0px 6px;
|
|
|
+ padding: 10px 8px;
|
|
|
+ .nb_title{
|
|
|
+ font-family: PingFang-SC, PingFang-SC;
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 12px;
|
|
|
+ color: #761E6A;
|
|
|
+ line-height: 16px;
|
|
|
+ }
|
|
|
+ .nb_p{
|
|
|
+ font-family: PingFangSC, PingFang SC;
|
|
|
+ font-weight: 400;
|
|
|
+ font-size: 10px;
|
|
|
+ color: #111111;
|
|
|
+ line-height: 16px;
|
|
|
+ margin-top: 8px;
|
|
|
+ }
|
|
|
+ .nb_sj{
|
|
|
+ font-family: PingFangSC, PingFang SC;
|
|
|
+ font-weight: 400;
|
|
|
+ font-size: 10px;
|
|
|
+ color: #252525;
|
|
|
+ line-height: 20px;
|
|
|
+ padding-left: 18px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .next_tip{
|
|
|
+ font-family: PingFang-SC, PingFang-SC;
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 10px;
|
|
|
+ color: #761E6A;
|
|
|
+ line-height: 16px;
|
|
|
+ margin-top: 12px;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
}
|
