|
@@ -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);
|