﻿/*footer*/
.iconbtn{display:block;width:50px;height:50px;padding:0;text-align:center;border-radius:50%;-webkit-transition:all .4s ease;transition:all .4s ease}
.iconbtn:before{position:relative;font-size:20px;z-index:2;-webkit-transition:all .4s ease;transition:all .4s ease}
a.iconbtn:before{line-height:48px}
.iconbtn:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;border-radius:50%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);z-index:0;-webkit-transition:all .4s ease;transition:all .4s ease}
.iconbtn.active,.no-touch .iconbtn:hover{box-shadow:0 2px 16px rgba(0,0,0,.2)}
.iconbtn.active:before,.no-touch .iconbtn:hover:before{}
.iconbtn.active:after,.no-touch .iconbtn:hover:after{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
@media (max-width:767px){.iconbtn{width:40px;height:40px}
.iconbtn:before{font-size:16px}
a.iconbtn:before{line-height:38px}
}
.iconbtnborder{display:block;width:50px;height:50px;padding:0;text-align:center;border-radius:50%;-webkit-transition:all .4s ease;transition:all .4s ease;background-color:transparent;}
.iconbtnborder:before{position:relative;font-size:20px;z-index:2;-webkit-transition:all .4s ease;transition:all .4s ease}
a.iconbtnborder:before{line-height:48px}
.iconbtnborder:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;border-radius:50%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);z-index:0;-webkit-transition:all .4s ease;transition:all .4s ease}
.iconbtnborder.active,.no-touch .iconbtnborder:hover{box-shadow:0 2px 16px rgba(0,0,0,.2)}
.iconbtnborder.active:before,.no-touch .iconbtnborder:hover:before{}
.iconbtnborder.active:after,.no-touch .iconbtnborder:hover:after{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
@media (max-width:767px){.iconbtnborder{width:40px;height:40px}
.iconbtnborder:before{font-size:16px}
a.iconbtnborder:before{line-height:38px}
}
.iconbtnborder:before{}
.iconbtnborder:after{}
.iconbtnborder.active,.no-touch .iconbtnborder:hover{box-shadow:none}
.iconbtnborder.active:before,.no-touch .iconbtnborder:hover:before{}


.pop{position:absolute;padding:10px;top:-10px;left:50%;line-height:1;visibility:hidden;opacity:0;-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%);box-shadow:0 0 16px rgba(0,0,0,.2)}
.pop:after{content:'';width:0;height:0;border:8px solid transparent;position:absolute;bottom:-16px;left:50%;margin-left:-8px}
.pop.popshow{visibility:visible;opacity:1}
.qrcode-img{width:129px;height:auto}

@media (max-width:767px){
.bottombar .icp{display:none;}
}

footer .bottombar{padding-top:25px;padding-bottom:25px;font-size:14px}
footer .bottombar a,footer .bottombar span{font-size:14px;display:inline-block;line-height:1.4;}
footer .bottombar a{margin-left:8px;padding-left:10px;-webkit-transition:all .4s ease;transition:all .4s ease}
footer .bottombar .copyright {font-size:13px;line-height:24px;}
.no-touch footer .bottombar a:hover{}

@media (max-width:767px){
footer .bottombar{font-size:12px}
footer .bottombar a,footer .bottombar span{font-size:12px;line-height:1.2;}
footer .bottombar .copyright {font-size:11px;line-height:20px;}
}
@media (max-width:400px){footer .bottombar a:last-child{display:block;margin-left:0;padding-left:0;margin-top:10px;border:none}
}

#GotoTop{font-size:12px;width:80px; height:30px; position:relative;left:50%;bottom:.0px;text-align:center;line-height:30px;margin-left:-40px;margin-top:14px;cursor:pointer;-webkit-transition:all .4s ease;transition:all .4s ease;border:1px solid;}
#GotoTop:hover{border:1px solid;}