/* BASIC css start */
.and footer {border-top:1px solid #eee;text-align:center;}
footer .inner{display:inline-block;width:100%;max-width:1480px;padding:0 30px;font-size:0;box-sizing:border-box}
footer .logo{display:block;margin-bottom:30px;float:left}
footer .logo img{max-height:22px;width:auto}
footer .u_warp:after{content:"";display:block;clear:both}
footer p{display:inline-block;color:#777;line-height:2;font-size:12px}
footer p.copyright{display:block;margin-top:10px;color:#999}
footer p.bank{margin-bottom:15px}
footer p.notice{text-decoration:underline}
footer .phone{font-size:18px;margin-bottom:10px;font-weight:400;color:#000;line-height:1.6}
footer .runtime{font-size:12px;font-weight:400;color:#555;line-height:1.6}
footer .tit{display:block;color:#555;font-size:12px;margin-bottom:15px;font-weight:500;letter-spacing:3px}
footer .address span{margin-right:5px}
footer .address a{color:#555}
footer .f_warp{margin:35px auto 45px;}
footer .u_warp{border-bottom:1px solid #eee;}
footer .footMenu{display:inline-block;text-align:left;vertical-align:top;padding:0 1%;width:17%;box-sizing:border-box}
footer .footMenu:first-child{padding-left:0;width:32%}
footer .footMenu li{display:block}
footer .footMenu li.inline{display:inline-block;margin-right:7px}
footer .footMenu li a{display:inline-block;margin-top:10px;font-size:11px;padding:10px;color:#555;text-align:right;transition:color 0.5s;background:#eee;border-radius:100%}
footer .footMenu li a:hover{color:#000}
footer .utilMenu{float:left;padding:15px 0;text-align:left;}
footer .utilMenu li{display:inline-block;margin-right:14px}
footer .utilMenu li:last-child{margin:0}
footer .utilMenu li a{display:block;font-size:12px;color:#555;line-height:1.6;transition:color 0.5s;font-weight:500}
footer .utilMenu li a:after{content:"";display:inline-block;width:1px;height:8px;margin:0 0 0 15px;background:#999;opacity:0.3}
footer .utilMenu li:last-child a:after{display:none}
footer .snsMenu{float:right;padding:15px 0;}
footer .snsMenu li{display:inline-block;padding:0 5px;vertical-align:middle}
footer .snsMenu li i{font-size:20px;color:#555}
.and footer select{font-size:11px;border-radius:0;min-width:150px}


/* rightQuick css */
.rightQuick{position:fixed;bottom:15px;right:-60px;transition:all .5s;z-index:1111111}
.rightQuick.fixed{right:15px}
.rightQuick li{margin-top:5px;}
.rightQuick li button{background:none}
.rightQuick li > a,
.rightQuick li > button{display:block;font-size:20px;color:#555;line-height:40px;width:40px;height:40px;text-align:center;border-radius:100%;border:1px solid #eee;background:#fff}
.rightQuick li > a{border:0}
.rightQuick li img{max-width:100%;height:auto}

.quickRecent{position:fixed;bottom:20px;right:70px;width:800px;border:1px solid #eee;background:#fff;padding:30px 30px 40px;box-sizing:border-box;z-index:100;display:none}
.quickRecent .tit{font-size:13px;position:relative;margin-bottom:15px;color:#8a8a8a;letter-spacing:3px}
.quickRecent .tit i{position:absolute;right:0;top:0;font-size:20px;}
.quickRecent .message{font-size:14px;min-height:50px;line-height:50px}
.quickRecent .imgWrap img{max-width:100%}
.quickRecent .swiper-slide a{position:relavtive}
.quickRecent .swiper-slide .spec{position:absolute;left:0;top:0;text-align:center;width:100%;height:100%;display:flex;flex-flow:column;justify-content:center;gap:10px;background:rgba(0,0,0,0.3);padding:0 10px;box-sizing:border-box;line-height:1.4;opacity:0;transition:all 0.5s;color:#fff;font-size:12px}
.quickRecent .swiper-slide a:hover .spec{opacity:1}

.quickRecent .swiper-button-next,
.quickRecent .swiper-button-prev{background:none;width:auto;height:auto;font-size:30px;margin-top:0;transform:translateY(-50%)}
.quickRecent .swiper-button-next{right:0}
.quickRecent .swiper-button-prev{left:0}
/* BASIC css end */

