.footer_wrap { width: 100%; background: #2A2A2A; } .footer_box { height: 4.67rem; margin: 0 auto; padding-top: .29rem; } .foot_copyright{ width: 100%; height: .44rem; display: flex; align-items: center; justify-content: center; border-top: 1px rgba(142,142,142,0.39) solid; font-size: 0.16rem; font-weight: 400; color: #8E8E8E; } .foot_copyright a{ font-size: 0.16rem; font-weight: 400; color: #8E8E8E; } .footer_logo{ width: 100%; margin-bottom: .39rem; } .footer_logo img{ width: 1.85rem;height: 0.63rem; } .footer_info{ width: 100%; display: flex; justify-content: space-between; } .footer_info .left{ display: flex; } .footer_info .left .item{ margin-right: .64rem; display: flex; flex-direction: column; align-items: center; } .footer_info .left .item a{ font-size: 0.16rem; font-weight: 400; color: #AEACAC; margin-bottom: .25rem; display: block; } .footer_info .left .item a.tit{ font-size: 0.2rem; font-weight: 400; color: #FFFFFF; margin-bottom: .26rem; } .footer_info .rig{ display: flex; justify-content: space-between; } .footer_contact{ margin-right: .29rem; color: #fff; } .footer_contact .item{ margin-bottom: .45rem; } .footer_contact .item .tit{ font-size: 0.2rem; color: #FFFFFF; margin-bottom: .21rem; } .footer_contact .item .num{ display: flex; align-items: center; margin-bottom: .22rem; } .footer_contact .item .num img{ /*width: 0.2rem;*/ height: .19rem; } .footer_contact .item .num span{ font-size: 0.18rem; color: #DEDEDE; } .footer_info .rig .account .box{ display: flex; align-items: center; } .footer_info .rig .account .box .ewm{ display: flex; align-items: center; justify-content: center; flex-direction: column; margin-right: .8rem; } .footer_info .rig .account .box .ewm img{ width: 1.09rem;height: 1.09rem; margin-bottom: .15rem; } .footer_info .rig .account .box .ewm span{ font-size: 0.16rem; color: #FFFFFF; } .footer_info .rig .account .box .istop{ width: 0.6rem;height: 0.6rem; } .footer_info .rig .account .box1 { display: flex; margin-top: .44rem; } .footer_info .rig .account .box1 .item{ display: flex; flex-direction: column; align-items: center; justify-content: center; margin-right: .5rem; } .footer_info .rig .account .box1 .item:hover{ cursor: pointer; } .footer_info .rig .account .box1 .item img{ width: 0.46rem;height: 0.23rem; display: block; margin-bottom: .17rem; } .footer_info .rig .account .box1 .item span{ font-size: 0.16rem; color: #FFFFFF; } .footer_info .rig .account .box1 .item:nth-last-of-type(1){ margin-right: 0; } .footer_info .rig .account .box1 .item:nth-of-type(2) img{ width: 0.24rem;height: 0.28rem; margin-bottom: .14rem; } .footer_info .rig .account .box1 .item:nth-of-type(3) img{ width: 0.32rem;height: 0.28rem; margin-bottom: .15rem; } @media only screen and (max-width: 1024px) { .footer_contact .item .tit{ font-size: 14px; } .footer_box { height: auto; padding-top: 0; } .footer_logo { display: none; } .footer_logo img { margin: 0 auto; } .footer_info .left{ justify-content: space-around; padding-bottom: 10px; display: none; } .footer_info .left .item a.tit { align-self: flex-start; font-size: 14px; } .footer_info .left .item { margin-right: 0; align-items: flex-start; } .footer_info .left .item a { font-size: 12px; } .footer_info { flex-direction: column; } .footer_info .rig { /*flex-direction: column;*/ border-top: 1px solid #888; padding: 15px; align-items: center; } .footer_contact .item:last-child { margin-bottom: 0; } .footer_info .rig .account .box .ewm span { font-size: 12px; } .footer_info .rig .account .box1 .item span { font-size: 12px; } .foot_copyright { height: auto; flex-direction: column; border-top: 1px solid #888; padding: 5px 0px; text-align: center; font-size: 12px; line-height: 1.6; } .foot_copyright a { font-size: 12px; } } /* pad 绔 */ @media screen and (min-width: 420px) and (max-width: 1024px) { .footer_contact { display: flex; justify-content: space-around; flex: 1; } .footer_contact .item { margin-bottom: 0; } }