123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202 |
- .container{
-
- background-color: #E5E5E5;
- min-height: 760px;
- width: 100%;}
- .slide-image{
-
- width: 100%;
- height: 300px;
- }
- .btn{
- display: flex;
- justify-content: space-around;
- background-color: #FFF;
- button{
- width: 40%;
- border-radius: 10px;
- }
- }
- .section1{
-
- width: 100%;
- min-height: 404px;
- background-color: #FFF;
-
- margin: 3px auto;
-
-
- .row {
- display: flex; /* 设置为Flex布局 */
- width: 100%; /* 行宽度占满容器 */
-
- }
- .title {
- font-size: 16px;
- color: #666666;
- font-weight: bold;
- display: flex;
- flex-direction: column; /* 列内部元素垂直排列 */
- width: 90%;
-
- padding: 20px 0px 20px 20px;
- text-align: left; /* 文本居中 */
- }
-
- .time_yuyue{
- width: 100%;
- padding: 0px 0px 20px 20px;
- font-size: 14px;
- color: #666666;
- display: flex;
-
- height: 30px;
- flex-wrap: wrap;
- .ico{
- padding-top: 2px;
- flex:0 0 20px;
- padding-left: 5px;
- padding-right: 10px;
-
- }
- .time{
-
- flex:0 0 90%;
- text-align: left;
- }
-
- }
- .time_yuyue2{
-
- width: 100%;
- padding: 0px 0px 0 20px;
- font-size: 14px;
- color: #666666;
- display: flex;
-
-
- .ico{
- padding-top: 2px;
- flex:0 0 20px;
- padding-left: 5px;
- padding-right: 10px; flex-wrap: wrap;}
- .didian{
-
- flex:0 0 90%;
- text-align: left;
- // height: 80px;
- }
- }
-
- .kefu {
- width: 90%;
- display: flex;
-
- align-items: left; /* 垂直居中对齐,或使用 'flex-end' 对齐到底部 */
- color: #666666;
- font-size: 12px;
- font-weight: bold;
- margin-bottom: 15px;
- margin-top: -10px;
- margin-left: 25px;
- }
-
-
- .kefu .didian {
- display: flex; /* 启用 flexbox */
- align-items: center; /* 垂直居中对齐所有子元素 */
- flex: 0 0 70%; /* 固定宽度 */
- // height: 80px;
- text-align: left; /* 保持文本靠右对齐 */
- }
-
-
- .miaoshu{
- padding: 0px 40px 90px 20px;
- line-height: 24px;
- font-size: 14px;
- }
-
- .yuyue_btn{
- margin-left: 60px;
- image{
-
- justify-content: flex-end;
- }
-
- }
-
- .full-row {
- font-size: 14px;
- margin-top: -20px;
- text-align: center; /* 文本居中 */
- display: flex;
- width: 70%;
- .column {
- flex: 0 0 59px; /* 每列平均分配空间 */
- display: flex;
- flex-direction: column; /* 列内部元素垂直排列 */
-
- padding: 10px 0px 0px 10px;
- text-align: left; /* 文本居中 */
-
- }
- .column2 {
- flex: 0 0 7px; /* 每列平均分配空间 */
- display: flex;
- flex-direction: column; /* 列内部元素垂直排列 */
-
- padding: 15px 20px 0px 0px;
- text-align: left; /* 文本居中 */
-
- }
- }
-
- }
- .footer{
- position:fixed;
- bottom:0px;
- left:0px;
- width:100%;
- height:80px;
- background:#EDEDED;
- border-top:1px solid #CCC;
- display:flex;
- flex-direction: row;
- .footer-left{
- width:100%;
- display:flex;
- flex-direction: column;
- justify-content: center;
- align-items: center;
- .step-qty{
- font-size:12px;
- color:#b11b1c;
- }
- .intro{
- font-size:12px;
- color:#b11b1c;
- }
- }
- .right{
- width:90%;
- display:flex;
- justify-content: center;
- align-items: center;
- color:#b11b1c;
- font-size:14px;
- font-weight:bold;
- margin-bottom: 15px;
-
- .text{
- background:#aa0000;
- color:#FFF;
- border-radius: 10px;
- font-size:12px;
- padding:5px 10px;
- }
- }
- }
-
-
|