/* 搴曢儴閮ㄥ垎 */ footer { min-height: 6.25rem; } footer a { color: #999; } footer a:hover { color: #999; } .app_footer { width: 100%; background-color: #2e313a; /*cursor: pointer;*/ padding-bottom: 50px; } .app_footer .footer_wrapper { display: flex; flex-direction: row; justify-content: space-between; padding-top: .875rem; } .app_footer .footer_wrapper a { color: #999; } .app_footer .footer_wrapper .link_item { flex:1; max-width: 2.35rem; display: flex; flex-direction: column; } .app_footer .footer_wrapper .link_item .title { /* height: 33px; */ font-size: .275rem; font-family: SourceHanSansCN, SourceHanSansCN-Regular; font-weight: 400; text-align: justify; color: #ffffff; position: relative; padding-bottom:0.18rem; } .app_footer .footer_wrapper .link_item .title>a{ color:#fff; } .app_footer .footer_wrapper .link_item .title::after { content: ""; display: inline-block; width: .25rem; height: 1px; background-color: #fff; position: absolute; bottom: 0rem; left: 0; } .app_footer .footer_wrapper .link_item .sub_wrapper { margin-top: .4625rem; color: #fff; } .app_footer .footer_wrapper .link_item .sub_wrapper .sub_title { font-size: .2rem; font-family: SourceHanSansCN, SourceHanSansCN-Regular; font-weight: 400; text-align: left; color: #999999; margin-bottom: .2rem; } .app_footer .footer_bottom { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end; color: #999999; font-weight: 400; font-size: 0px; line-height: 1.5; /*margin-top: 60px;*/ } .app_footer .footer_bottom>p { margin: 0; } .bottom_left .bottom_left_item { padding-right:.175rem; padding-left:.175rem; font-size: .225rem; } .bottom_left .bottom_left_item:first-of-type { padding-left: 0px; } .bottom_left .map, .bottom_left .link { position: relative; } .bottom_left .map::after, .bottom_left .link::after { content: ""; display: inline-block; position: absolute; right: 0; top: 0; bottom:0; width: 1px; background-color: #979797; } .bottom_left .link,.bottom_left .statement{ /*margin-left:.0625rem;*/ } .bottom_left .copyright { margin-top: .325rem; font-size: .2rem; } .bottom_right { display: flex; flex-direction: row; align-items: center; } .bottom_right .address>div { font-size: .225rem; display: block; /* line-height: 2; */ } .bottom_right .erweima { width: 1.7rem; height: 1.7rem; margin-right: .375rem; } .bottom_right .erweima+p { font-size: .2rem; color: #999; margin-right: .375rem; } .dropdown{ width: 100%; background-color: #565960; border-radius: .025rem; height:.5rem; line-height: .5rem; padding-left: .1rem; } .dropdown-toggle::after{ position: absolute; right:.225rem; top:50%; transform: translate(-50%); } .dropdown-menu{ width:100%; min-width: 100%; font-size: .275rem; padding:0; border-radius: 0; padding-left:.1rem; background-color: #565960; transform: translate3d(0px, .5rem, 0px)!important; max-height: 3rem!important; overflow-y: auto; } .dropdown-menu .sub_title{ display: inline-block; width:100%; color:#999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 0!important; } .dropdown_sub{ margin-top: 0.15rem!important;; } .dropdown-toggle{ width:100%; color:#999; overflow: hidden; text-overflow: ellipsis; padding-right: 2em; text-decoration: none!important; } .flow-icon{ display: flex; flex-direction: row; justify-content: flex-start; align-items: center; padding-right: .75rem; margin-right:.75rem; height:1.25rem; border-right:.0125rem solid #d8d8d8; } .flow-icon .icon_item{ width:.5rem; height:.5rem; position: relative; cursor: pointer; } .flow-icon .icon_item:not(:last-of-type){ margin-right: .375rem; } .flow-icon .icon_item:hover .icon_img.active{ visibility: visible; } .flow-icon .icon_item .icon_img{ position: absolute; top:0; left:0; width:100%; height: 100%; } .flow-icon .icon_item .icon_img.active{ z-index:10; visibility: hidden; } .flow-icon .config_url{ position:absolute; bottom: .8rem; left:50%; padding: .1rem; background-color: #FFF; display: flex; flex-direction: column; justify-content: center; align-items: center; transform: translateX(-50%); width:1.8rem; border-radius: .1rem; } .flow-icon .config_url img{ width:1.5rem; height: 1.5rem; } .flow-icon .config_url p{ font-size: .12rem; font-weight: 500; text-align: justify; color: #333333; line-height: 1.5; } @media (max-width:640px){ /*娴嬭瘯鐨勮€佷汉鏈轰笉閫傞厤*/ .flow-icon .config_url{ width: 3.6rem; } .flow-icon .config_url img{ width:3.0rem; height: 3.0rem; } } .flow-icon .config_url .footer_triangel{ width: 0; height: 0; border: 0.1rem solid #fff; border-left-color: transparent; border-right-color: transparent; border-top-color: transparent; position: absolute; bottom: -.18rem; left: 50%; transform: translateX(-50%) rotate(-180deg); } .flow-icon .config_url p:first-of-type{ border-top: .0125rem solid #bfc0c3; }