/* footer */
#footer .pc{background:#17170d; height:105px; opacity: 0.8; position: absolute; bottom:0px; left:0; width:calc(100% - 499px);
z-index:5}
#footer .copyright{font-size: 13px; padding:10px; box-sizing: border-box;}
#footer .pc p:last-child{color:white; font-size: 13px; top:50%; transform: translateY(-50%); position: absolute; top:50%; left:700px; transform: translateY(-50%);}
#footer p.copyright{float: left; color:#555; height:100%; background: #ddd; width:220px}
.footer_logo li{float:left}
.bar1{float:left; width:50%; background: #e54e3d; color:white; text-align: center; line-height:85px; font-size: 40px; font-weight: 700;}
.bar2{float:left; width:50%; background: #f68026; color:white; text-align: center; line-height:85px; font-size: 45px; font-weight: 700; cursor: pointer;}
.bar2 i.fas{ border:1px solid white; border-radius: 50%; padding:7px 12px; font-size: 26px; margin-bottom:8px}
.foot_m .mobile div:nth-of-type(2) div{float:left}

@media screen and (max-width:1360px){
#footer .pc{ width:100%; z-index: 1000000; margin-top:95px; position: static;}
}

@media screen and (max-width:992px){
#footer {background:white;}
#footer .foot_m{ max-width: 640px; margin: 0 auto 50px; overflow: hidden; color: rgb(126, 126, 126); text-align: center; font-weight: 700; }
.foot_logo div{float:left; width:33.333333%; height:100px}
.foot_logo div img{width:100%;}
#footer{position: inherit;}
}

@media screen and (max-width:660px){
  .bar1,.bar2{font-size:28px; line-height: 75px}
  .bar2 i.fas{padding: 5 10px}
  }

  @media screen and (max-width:400px){
    .bar1,.bar2{font-size:20px}
    }