.contact{box-sizing:border-box;position:fixed;width:42px;height:60px;background:#008fd3;right:0;top:50%;border-radius:5px 0 0 5px;z-index:999}.contact *{box-sizing:border-box;margin:0;padding:0}.contact a{display:block;position:absolute;width:100%;height:100%;cursor:pointer;background:url(../img/widget/contact/contact.png) center center/26px auto no-repeat}.contact a img{display:none}.contact,.contact-main{z-index:48}.contact-main{box-sizing:border-box;position:fixed;top:50%;box-shadow:0 0 8px 0 #fff;width:100%;max-width:490px;border-left:15px solid var(--cyan);border-radius:8px 0 0 8px;right:-100%;z-index:999;background:#fafafa;background:linear-gradient(to bottom, #fafafa 0, #e9e9e9 100%)}.contact-main *{box-sizing:border-box;margin:0;padding:0}.contact-main .close{position:absolute;right:5px;top:5px}.contact-main .close a{font-size:12px;color:var(--font-color);font-weight:700;cursor:pointer}.contact-main .close a p{text-align:center;line-height:0}.contact-main .close a p img{width:20px;display:inline-block}.contact-main ul{list-style:none}.contact-main>p{font-size:14px;text-align:center;padding-top:20px;padding-bottom:10px}.contact-main>p a{color:var(--font-color)}.contact-main>ul{overflow:hidden;width:calc(100% - 45px);margin:0 auto;padding-bottom:20px}.contact-main>ul li{float:left;width:50%;padding:0 20px}.contact-main>ul li:nth-child(1){border-right:1px solid #ccc}.contact-main>ul li a{color:var(--font-color);text-decoration:none}.contact-main>ul li a figure{text-align:center}.contact-main>ul li a figure figcaption{font-size:14px;font-weight:700}.contact-main>ul li a figure img{max-width:40px;height:auto;display:inline-block}.contact-main>ul li a p{font-size:12px;text-align:center}.contact-main{right:-8px !important;transform:translateX(100%);transition-duration:.3s;transition-timing-function:cubic-bezier(0.17, 0.67, 0.33, 0.95);box-shadow:0 0 8px rgba(0,0,0,.1)}.contact-main.show{right:0px !important;transform:translateX(0%);transition-duration:.6s}.contact-main figure{background:none;padding:10px}.contact-main figure figcaption{margin-top:4px}.contact-main>ul{margin-top:5px;width:100%}.contact-main>ul li{padding:0px 30px}.contact-main>ul li a p{line-height:1.5}.contact-main>ul li:nth-child(1){border-right-color:#dedede}@media(max-width: 520px){.contact-main>ul li{padding:0px 20px}.contact-main>p{padding-left:40px;padding-right:40px;max-width:320px;margin:auto}.contact-main>ul li a figure{margin:0 !important}.contact-main>ul li a p{font-size:10px}}@media(max-width: 520px)and (max-width: 360px){.contact-main>ul li a p{display:none}}