Pārlūkot izejas kodu

修复认证通首页样式

xiebaomin 2 gadi atpakaļ
vecāks
revīzija
772e53838c

+ 11 - 11
src/main/resources/static/css/activity/attestation-new.css

@@ -133,30 +133,30 @@ li{list-style:none}
         height: 8px;
         border-radius: 50%;
     }
-    .section_main.four .section_content .section_li{width: 285px;height: 460px;float: left;position: relative;margin-right: 15px;-webkit-box-sizing: border-box;box-sizing: border-box;border-radius: 4px;float: left; vertical-align: top;-webkit-perspective: 1000px;perspective: 1000px;}
+    .section_main.four .section_content .section_li{width: 288px;height: 380px;float: left;position: relative;margin-right: 15px;-webkit-box-sizing: border-box;box-sizing: border-box;border-radius: 4px;float: left; vertical-align: top;-webkit-perspective: 1000px;perspective: 1000px;}
     .section_main.four .section_content .section_li:last-child{margin-right: 0;}
     .section_main.four .section_content .section_li .box{position: absolute;height: 100%;width: 100%;-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-transition: ease-in-out 600ms;-o-transition: ease-in-out 600ms;transition: ease-in-out 600ms;}
-    .section_main.four .section_content .section_li .bg{width: 100%;height: 460px;background-size: 100% 100%;}
+    .section_main.four .section_content .section_li .bg{width: 100%;height: 380px;background-size: 100% 100%;}
     .section_main.four .section_content .section_li .front{-webkit-box-sizing: border-box;box-sizing: border-box;
         display: flex;
         flex-direction: column;
-        justify-content: space-around;border:1px solid #D4D4D4;border-radius: 4px;}
-    .section_main.four .section_content .section_li .front .icon{width: 100px;height: 100px;display: block;margin: 0 auto;margin-bottom: 43px;border-radius: 50%;border: 1px solid #cccccc;}
-    .section_main.four .section_content .section_li .front h1{line-height: 20px;font-size: 20px;text-align: center;margin-bottom: 56px;font-weight: normal;color: #333333;}
+        justify-content: space-around;border:1px solid #D4D4D4;border-radius: 4px;padding: 32px 0;}
+    .section_main.four .section_content .section_li .front .icon{width: 100px;height: 100px;display: block;margin: 0 auto;border-radius: 50%;border: 1px solid #cccccc;}
+    .section_main.four .section_content .section_li .front h1{line-height: 20px;font-size: 20px;text-align: center;font-weight: normal;color: #333333;}
     .section_main.four .section_content .section_li .front p{text-align: center;font-size: 20px;line-height: 20px;color: #333333;}
     .section_main.four .section_content .section_li .front .isAuthH1 {
-        line-height: 20px;font-size: 20px;text-align: center;color: #FFFFFF;margin-bottom: 56px;font-weight: normal;
+        line-height: 20px;font-size: 20px;text-align: center;color: #FFFFFF;font-weight: normal;
     }
     .section_main.four .section_content .section_li .front .isAuthBtn {
         background: linear-gradient(-90deg, #FFBA63, #F3920D);border: 1px solid #fff;color: #fff;
     }
     .section_main.four .section_content .section_li .back{-webkit-transform: rotateY(-180deg);transform: rotateY(-180deg);}
-    .section_main.four .section_content .section_li .back .content-box{width: 100%;height: 100%;position: absolute;top: 0;left: 0;-webkit-box-sizing: border-box;box-sizing: border-box;display: flex;flex-direction: column;justify-content: space-around}
-    .section_main.four .section_content .section_li .back .content-box h1{line-height: 20px;font-size: 20px;text-align: center;color: #FFFFFF;margin-bottom: 56px;font-weight: normal;}
-    .section_main.four .section_content .section_li .back .content-box .line{width: 32px;height: 2px;background: #FFFFFF;margin: 0 auto;margin-bottom: 55px;}
-    .section_main.four .section_content .section_li .back .content-box p{line-height: 20px;font-size: 16px;text-align: center;color: #FFFFFF;margin-bottom: 16px;}
+    .section_main.four .section_content .section_li .back .content-box{width: 100%;height: 100%;position: absolute;top: 0;left: 0;-webkit-box-sizing: border-box;box-sizing: border-box;display: flex;flex-direction: column;justify-content: space-around;padding: 32px 0;}
+    .section_main.four .section_content .section_li .back .content-box h1{line-height: 20px;font-size: 20px;text-align: center;color: #FFFFFF;font-weight: normal;}
+    .section_main.four .section_content .section_li .back .content-box .line{width: 32px;height: 2px;background: #FFFFFF;margin: 0 auto;}
+    .section_main.four .section_content .section_li .back .content-box p{line-height: 20px;font-size: 16px;text-align: center;color: #FFFFFF;}
     .section_main.four .section_content .section_li .back .content-box .icon {
-        width: 100px;height: 100px;display: block;margin: 0 auto;margin-bottom: 43px;border-radius: 50%;border: 1px solid #cccccc;
+        width: 100px;height: 100px;display: block;margin: 0 auto;border-radius: 50%;border: 1px solid #cccccc;
     }
     .section_main.four .section_content .section_li .isAuthActive {
         background: linear-gradient(-90deg, #FFBA63, #F3920D);